import React from 'react'
import { Link } from 'react-router-dom'
import injectSheet from 'react-jss'

import Spacer from '../../components/spacer'

const MiniAppFooter = ({ classes }) => {
	return (
		<div>
			<Spacer height="100px" />
			<div className={classes.footerRoot}>
				<Link to="/about" className={classes.navigationLink}>
					About
				</Link>
				<Link to="/feedback" className={classes.navigationLink}>
					Feedback
				</Link>
			</div>
		</div>
	)
}

const styles = {
	footerRoot: {
		height: '188px',
		'background-color': '#3d65f9',
	},
	navigationLink: {
		'font-family': 'sans-serif',
		'font-size': '18px',
		color: '#ffffff',
		'text-decoration': 'none',
	},
}

export default injectSheet(styles)(MiniAppFooter)

@@ -438,16 +438,93 @@
 %3C/Link%3E%0A
+%09%09%09%09%3Cdiv className=%7Bclasses.copyrightText%7D%3E&copy; Help Assist Her 2018%3C/div%3E%0A
 %09%09%09%3C/div
@@ -754,16 +754,112 @@
 e',%0A%09%7D,%0A
+%09copyrightText: %7B%0A%09%09'font-family': 'sans-serif',%0A%09%09'font-size': '14px',%0A%09%09color: '#ffffff',%0A%09%7D,%0A
 %7D%0A%0Aexpor

Add copyright