diff options
author | Mo Tarbin <mhed.t91@gmail.com> | 2024-07-29 02:46:24 -0400 |
---|---|---|
committer | Mo Tarbin <mhed.t91@gmail.com> | 2024-07-29 12:46:24 -0400 |
commit | 539cf5c24aff952253f8df4602d4f038b66bcb8e (patch) | |
tree | 3fa9f90723078be30ac1afbc917a45815ba3ed7c | |
parent | 8e0c467d003f96fcedb239bc30d864892c4e68ec (diff) | |
download | donetick-frontend-539cf5c24aff952253f8df4602d4f038b66bcb8e.tar.gz donetick-frontend-539cf5c24aff952253f8df4602d4f038b66bcb8e.tar.bz2 donetick-frontend-539cf5c24aff952253f8df4602d4f038b66bcb8e.zip |
Update landing page with version number in footer
-rw-r--r-- | src/views/Landing/Footer.jsx | 4 | ||||
-rw-r--r-- | src/views/Landing/GettingStarted.jsx | 11 |
2 files changed, 14 insertions, 1 deletions
diff --git a/src/views/Landing/Footer.jsx b/src/views/Landing/Footer.jsx index 3047554..d8cd4a4 100644 --- a/src/views/Landing/Footer.jsx +++ b/src/views/Landing/Footer.jsx @@ -4,6 +4,7 @@ import Box from '@mui/joy/Box' import Link from '@mui/joy/Link' import Typography from '@mui/joy/Typography' import * as React from 'react' +import { version } from '../../../package.json' function Footer() { return ( @@ -103,6 +104,9 @@ function Footer() { <Link disabled={true} level='body2' sx={{ display: 'block' }}> Changelog(soon) </Link> + <Link disabled={true} level='body2' sx={{ display: 'block' }}> + V{version} + </Link> </Box> {/* <Box> <Typography level='body2' fontWeight='bold' mb={1}> diff --git a/src/views/Landing/GettingStarted.jsx b/src/views/Landing/GettingStarted.jsx index 44aa532..ede365d 100644 --- a/src/views/Landing/GettingStarted.jsx +++ b/src/views/Landing/GettingStarted.jsx @@ -7,6 +7,7 @@ import { Storage, } from '@mui/icons-material' import { Box, Button, Card, Grid, styled, Typography } from '@mui/joy' +import { useNavigate } from 'react-router-dom' const IconContainer = styled('div')({ display: 'flex', alignItems: 'center', @@ -65,6 +66,7 @@ function StartOptionCard({ icon: Icon, title, description, button, index }) { } const GettingStarted = () => { + const navigate = useNavigate() const information = [ { title: 'Donetick Web', @@ -72,7 +74,14 @@ const GettingStarted = () => { description: 'The easiest way! just create account and start using DoneTick', button: ( - <Button size='lg' fullWidth startDecorator={<AutoAwesome />}> + <Button + size='lg' + fullWidth + startDecorator={<AutoAwesome />} + onClick={() => { + navigate('/my/chores') + }} + > Start Now! </Button> ), |