feat: add verify link in landing page

This commit is contained in:
SwiftHawk 2024-06-04 11:37:30 +05:00
parent 07459e5e89
commit 8884389c6a

View File

@ -1,7 +1,7 @@
import { Box, Button, Typography, useTheme } from '@mui/material' import { Box, Button, Typography, useTheme } from '@mui/material'
import { useEffect } from 'react' import { useEffect } from 'react'
import { useSelector } from 'react-redux' import { useSelector } from 'react-redux'
import { useLocation, useNavigate } from 'react-router-dom' import { Link, useLocation, useNavigate } from 'react-router-dom'
import { appPublicRoutes } from '../../routes' import { appPublicRoutes } from '../../routes'
import { State } from '../../store/rootReducer' import { State } from '../../store/rootReducer'
import { saveVisitedLink } from '../../utils' import { saveVisitedLink } from '../../utils'
@ -25,30 +25,8 @@ export const LandingPage = () => {
} }
return ( return (
<>
<div className={styles.landingPage}> <div className={styles.landingPage}>
<Box <Box>
mt={10}
sx={{
width: '100%',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
flexDirection: { xs: 'column', md: 'row' }
}}
>
<Box
sx={{
mr: {
xs: 0,
md: 5
},
mb: {
xs: 5,
md: 0
}
}}
>
<Typography <Typography
sx={{ sx={{
fontWeight: 'bold', fontWeight: 'bold',
@ -69,9 +47,8 @@ export const LandingPage = () => {
}} }}
variant="body1" variant="body1"
> >
SIGit is an open-source and self-hostable solution for secure SIGit is an open-source and self-hostable solution for secure document
document signing and verification. Code is MIT licenced and signing and verification. Code is MIT licenced and available at{' '}
available at{' '}
<a <a
className="bold-link" className="bold-link"
target="_blank" target="_blank"
@ -82,15 +59,17 @@ export const LandingPage = () => {
. .
<br /> <br />
<br /> <br />
SIGit lets you Create, Sign and Verify from any device with a SIGit lets you Create, Sign and Verify from any device with a browser.
browser.
<br /> <br />
<br /> <br />
Unlike other solutions, SIGit is totally private - files are Unlike other solutions, SIGit is totally private - files are encrypted
encrypted locally, and can only be exported by named recipients. locally, and can only be exported by named recipients.
<br />
<br />
Anyone can <Link to={appPublicRoutes.verify}>VERIFY</Link> the
exported document.
</Typography> </Typography>
</Box> </Box>
</Box>
{!authState?.loggedIn && ( {!authState?.loggedIn && (
<div className={styles.loginBottomBar}> <div className={styles.loginBottomBar}>
@ -104,6 +83,5 @@ export const LandingPage = () => {
</div> </div>
)} )}
</div> </div>
</>
) )
} }