frontend/containers/LoginGoogle/index.tsx (view raw)
1import Box from '@mui/material/Box';
2import Button from '@mui/material/Button';
3import {useTheme} from '@mui/material/styles';
4import {useTranslation} from 'react-i18next';
5
6const LoginGoogle = () => {
7 const {t} = useTranslation();
8 const theme = useTheme();
9
10 return (
11 <Button
12 variant="outlined"
13 color="primary"
14 fullWidth
15 href="/api/connect/google"
16 >
17 <Box
18 component="img"
19 sx={{marginRight: theme.spacing(1)}}
20 height="25px"
21 src="/assets/google-icon.svg"
22 alt="Google Login"
23 />
24 {t('signin.withGoogle')}
25 </Button>
26 );
27};
28
29export default LoginGoogle;