frontend/containers/LoginGoogle/index.js (view raw)
1import CardContent from '@material-ui/core/CardContent';
2import {useTranslation} from 'react-i18next';
3import {makeStyles} from '@material-ui/core/styles';
4import Button from '@material-ui/core/Button';
5
6const LoginGoogle = () => {
7 const {t} = useTranslation();
8 const classes = useStyles();
9
10 return (
11 <CardContent className={classes.content}>
12 <Button
13 variant="outlined"
14 color="primary"
15 href="/api/connect/google"
16 startIcon={<img src="/assets/google-icon.svg" alt="Google Login" />}
17 >
18 {t('signin.withGoogle')}
19 </Button>
20 </CardContent>
21 );
22};
23
24const useStyles = makeStyles(theme => ({
25 content: {
26 display: 'flex',
27 flexDirection: 'column',
28 alignItems: 'center',
29 padding: theme.spacing(4, 0),
30 },
31 googleIcon: {
32 height: 32,
33 width: 32,
34 },
35}));
36
37export default LoginGoogle;