Add footer

src/components/Footer.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types'
+import React, { Component } from 'react'
+import '../stylesheets/globals.scss'
+import contentStyle from '../stylesheets/content.scss'
+import style from './Footer.scss'
+
+export default class Footer extends Component {
+  static propTypes = {
+    config: PropTypes.object.isRequired
+  }
+
+  render () {
+    return (
+      <footer className={style.footer}>
+        <p>Copyright &copy; {new Date().getFullYear()} { this.props.config.name }</p>
+      </footer>
+    )
+  }
+}

src/components/Footer.scss

@@ -0,0 +1,6 @@
+@import "../stylesheets/variables.scss";
+
+.footer {
+	padding: 10px;
+    text-align: center;
+}

src/components/Post.js

@@ -1,13 +1,12 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import { Spinner, Header, Navbar } from '.'
+import { Spinner, Header, Navbar, Wrapper, Footer } from '.'
 import '../stylesheets/globals.scss'
 import contentStyle from '../stylesheets/content.scss'
 import styles from './Post.scss'
 import MarkdownIt from 'markdown-it'
 import fm from 'front-matter'
 import moment from 'moment'
-import Wrapper from './Wrapper'
 
 export default class Post extends Component {
   static propTypes = {
@@ -44,6 +43,7 @@ export default class Post extends Component {
             </div>
           </div>
         </Wrapper>
+        <Footer config={this.props.config}/>
       </div>
     )
   }

src/components/Resume.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
-import { Spinner, Navbar, Wrapper, Header } from '.'
+import { Spinner, Navbar, Wrapper, Header, Footer } from '.'
 import '../stylesheets/globals.scss'
 import contentStyle from '../stylesheets/content.scss'
 import style from './Resume.scss'
@@ -37,6 +37,7 @@ export default class About extends Component {
             </div>
           </div>
         </Wrapper>
+        <Footer config={this.props.config} />
       </div>
     )
   }

src/components/index.js

@@ -12,3 +12,4 @@ export { default as App } from './App'
 export { default as SocialLinks } from './SocialLinks'
 export { default as Column } from './Column'
 export { default as Resume } from './Resume'
+export { default as Footer } from './Footer'

src/containers/MainContainer.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import { About, Blog, Home, Wrapper, Column } from '../components'
+import { About, Blog, Home, Wrapper, Column, Footer } from '../components'
 
 export default class MainContainer extends Component {
   static propTypes = {
@@ -42,6 +42,7 @@ export default class MainContainer extends Component {
               posts={this.state.posts}/>
           </Column>
         </Wrapper>
+        <Footer config={this.state.config} />
       </div>
     )
   }