Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 61x 2x 2x 8x | import React from 'react';
import Box from '@material-ui/core/Box';
import Grid from '@material-ui/core/Grid';
import useStyles from './styles';
import DropdownList from './DropdownList';
import SocialSection from './socialSection';
import SubscribeSection from './subscribeSection';
import Annotation from './Annotation';
import { navigation } from '../../navigation';
const FooterSmall = () => {
const classes = useStyles();
return (
<Box className={classes.containerFooter}>
<Box className={classes.footerPadding}>
<Grid container className={classes.footerContainer}>
<Grid container item spacing={4} xs={12} direction='column'>
{navigation.map((nav) => {
return (
<Grid key={nav.id} item xs={12}>
<DropdownList
header={nav.header}
route={nav.route}
links={nav.subNavigation}
/>
</Grid>
);
})}
<Grid item xs={12}>
<SocialSection size='sm' />
</Grid>
<Grid item xs={12}>
<SubscribeSection size='sm' />
</Grid>
</Grid>
<Grid item xs={12}>
<Annotation />
</Grid>
</Grid>
</Box>
</Box>
);
};
export default FooterSmall;
|