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 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | 3x | import { Add as AddIcon } from '@material-ui/icons';
import { ReactComponent as EmptyBox } from 'images/empty-box.svg';
import { Link as RouterLink } from 'react-router-dom';
import { Fab, Box, Typography } from '@material-ui/core';
function NoHabitsScreen() {
return (
<Box
sx={{
height: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
}}
>
<Box
clone
sx={{
width: '40%',
height: '40%',
margin: 2,
}}
>
<EmptyBox />
</Box>
<Box
sx={{
margin: 2,
textAlign: 'center',
}}
>
<Typography variant="h5" gutterBottom>
There are no goals
</Typography>
<Typography variant="body1">
Looks like you don't have any goals yet, want to add one?
</Typography>
</Box>
<Fab
variant="extended"
color="primary"
component={RouterLink}
to="/add-habit"
>
<Box
clone
sx={{
mr: 1,
}}
>
<AddIcon />
</Box>
Add Goal
</Fab>
</Box>
);
}
export { NoHabitsScreen };
|