add footer

src/components/Footer.jsx

@@ -0,0 +1,31 @@
+import React from 'react'
+import { makeStyles } from '@material-ui/core/styles'
+import { Link } from 'react-router-dom'
+
+const style = () => ({
+  main: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(48, [col] 1fr)',
+    height: '12rem',
+    marginTop: '5rem',
+    background: 'rgba(147, 155, 161, 0.4)'
+  },
+  link: {
+    textDecoration: 'none',
+    color: '#939BA1',
+    fontSize: '16px',
+    gridColumnStart: '4',
+    marginTop: '2rem'
+  }
+})
+
+const useStyle = makeStyles(style)
+const Footer = () => {
+  const classes = useStyle()
+  return (
+    <div className={classes.main}>
+      <Link to="/about" className={classes.link}>About</Link>
+    </div>
+  )
+}
+export default Footer

src/dapp.js

@@ -11,6 +11,7 @@ import { initVaultAndLP, vaultPledgingNeedsInit, standardTokenApproval } from '.
 import { getAuthorizedPayments } from './utils/events'
 import { FundingContext } from './context'
 import MainCointainer from './components/MainCointainer'
+import Footer from './components/Footer'
 import { getAndAddLpEvents } from './actions/lpEvents'
 import { getAndAddVaultEvents } from './actions/vaultEvents'
 import { addFormattedProfiles } from './actions/profiles'
@@ -158,6 +159,7 @@ class App extends React.Component {
         <FundingContext.Provider value={fundingContext}>
           <Router>
             <MainCointainer loading={loading} enableEthereum={enableEthereum} account={account} />
+            <Footer />
           </Router>
           {snackbar && <Snackbar
             anchorOrigin={{