all repos — caroster @ ec2276de0c9fc726e11e5be10ba90e54216f1cec

[Octree] Group carpool to your event https://caroster.io

frontend/containers/Alerts/AlertsHead.tsx (view raw)

 1import Box from '@mui/material/Box';
 2import FormControlLabel from '@mui/material/FormControlLabel';
 3import Typography from '@mui/material/Typography';
 4import Toggle from '../../components/Toggle/index';
 5import {t} from 'i18next';
 6
 7interface Props {
 8  handleToggle: () => void;
 9  checked: boolean;
10}
11
12const AlertsHeader = ({handleToggle, checked}: Props) => {
13  return (
14    <Box display="flex" alignItems="center" justifyContent="space-between">
15      <Typography variant="h5">{t('alert.title')}</Typography>
16      <FormControlLabel
17        control={<Toggle activate={handleToggle} checked={checked} />}
18        label=""
19        sx={{m: 0}}
20      />
21    </Box>
22  );
23};
24
25export default AlertsHeader;