Files
2019-02-11 14:58:45 +01:00

88 lines
2.0 KiB
JavaScript

import React from 'react'
import Layout from '../components/MyLayout.js'
import { withStyles } from '@material-ui/core/styles'
import Head from 'next/head'
import _ from 'lodash'
import getConfig from 'next/config'
import FormatListNumbered from '@material-ui/icons/FormatListNumbered'
import Card from '@material-ui/core/Card';
import CardActionArea from '@material-ui/core/CardActionArea';
import CardContent from '@material-ui/core/CardContent';
import Typography from '@material-ui/core/Typography';
import Link from 'next/link'
const { publicRuntimeConfig } = getConfig()
const styles = theme => ({
root: {
margin: theme.spacing.unit,
height: 250,
width: 400
},
icon: {
fontSize: '64px',
margin: 'auto',
textAlign: 'center'
},
innerCard:{
display:'flex',
flexDirection: 'column'
},
text: {
justifyContent: 'center',
textAlign:'center'
}
});
class Index extends React.Component {
state = {
};
async componentDidMount() {
}
render() {
const { classes, menu } = this.props;
return (
<Layout menu={menu}>
<Head>
<title>AG2L SAV</title>
<meta name="description" content="" />
<link rel="canonical" href="https://pwa-boiler.bzh" />
</Head>
<div className={classes.root}>
<Card className={classes.card}>
<Link href={"listeSAV"} prefetch><a>
<CardActionArea >
<CardContent>
<div className={classes.innerCard + ' '+classes.icon}>
<FormatListNumbered className={classes.icon} />
<Typography variant='h3' className={classes.text}>Interventions</Typography>
</div>
</CardContent>
</CardActionArea></a>
</Link>
</Card>
</div>
</Layout>
)
}
}
export default withStyles(styles)(Index)