Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature: #163788958] Footer component #16

Merged
merged 8 commits into from
Feb 8, 2019

Conversation

XROLE
Copy link
Contributor

@XROLE XROLE commented Feb 7, 2019

What does this PR do?

  • Create footer component

Description of Task to be completed?

  • install font awesom packages
  • refactor index.html file by removing fontawesom cdn
  • create and style footer component
  • add footer component to App component
  • write test for footer component [163788958]

How should this be manually tested?

  • run npm instal and npm run start:dev to see the home page attached with the footer component
  • run npm run test:dev to see the test passing on local

What are the relevant pivotal tracker stories?

Screenshots (if appropriate)

screen shot 2019-02-07 at 6 59 50 pm

/>
<FontAwesomeIcon
icon={['fab', 'twitter-square']}
style={{ fontSize: '25px', borderRadius: '50%', color: '#0E76A8' }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is there an alternative to styling this inline?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes there is. I will do that asap

@XROLE XROLE added the WIP label Feb 8, 2019
Create landing page component
add style
add fontawesome cdn
install materialize-css
install google font
configure webpack to use google font
Create landing page component
add style
add fontawesome cdn
install materialize-css
install google font
configure webpack to use google font
install font awesom packages
refactore index.html file by removing fontawesom cdn
create and style footer component
write test for footer component
[163788958]
@XROLE XROLE force-pushed the feature/163788958/footer-component branch from 899ba6a to f40aa2c Compare February 8, 2019 18:06
@XROLE XROLE removed the WIP label Feb 8, 2019
package.json Outdated
"serve": "node server.js",
"start": "npm run build && npm run serve",
"test": "jest --coverage --coverageReporters=text-lcov | coveralls",
"test:dev": "jest"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let us add --coverage flag to test:dev, so that we can see the report locally.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok. doing it right away

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For the --coverage this will need us to add coverage file with repo token as part of environment variables. Do I go ahead and add them?

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<link rel="stylesheet" href="css/style.css" />
<link
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we not need font-awesome anymore?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, we used it in the pen, books, users and social media icons

@andela-mabdussalam andela-mabdussalam merged commit f74f237 into develop Feb 8, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants