mirror of
https://github.com/status-im/liquid-funding.git
synced 2025-01-24 02:09:06 +00:00
add footer
This commit is contained in:
parent
085413ea67
commit
20fc46c64a
31
src/components/Footer.jsx
Normal file
31
src/components/Footer.jsx
Normal file
@ -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
|
@ -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={{
|
||||
|
Loading…
x
Reference in New Issue
Block a user