feat: improve Home screen display

This commit is contained in:
Jeremy Kahn 2023-03-08 09:36:15 -06:00
parent 0fc4ad040b
commit 442f5406ec

View File

@ -10,7 +10,6 @@ import IconButton from '@mui/material/IconButton'
import MuiLink from '@mui/material/Link' import MuiLink from '@mui/material/Link'
import GitHubIcon from '@mui/icons-material/GitHub' import GitHubIcon from '@mui/icons-material/GitHub'
import Cached from '@mui/icons-material/Cached' import Cached from '@mui/icons-material/Cached'
import Tooltip from '@mui/material/Tooltip'
import { v4 as uuid } from 'uuid' import { v4 as uuid } from 'uuid'
import { routes } from 'config/routes' import { routes } from 'config/routes'
@ -117,29 +116,37 @@ export function Home({ userId }: HomeProps) {
<Divider sx={{ my: 2 }} /> <Divider sx={{ my: 2 }} />
<Box className="max-w-3xl text-center mx-auto px-4"> <Box className="max-w-3xl text-center mx-auto px-4">
<Typography variant="body1"> <Typography variant="body1">
This is a communication tool that is free, open source, and designed This is a free communication tool that is designed for simplicity,
for simplicity and security. All communication between you and your privacy, and security. All interaction between you and your online
online peers is encrypted. There is no trace of your conversation once peers is encrypted. There is no record of your conversation once you
you leave. all leave.
</Typography> </Typography>
</Box> </Box>
<Tooltip title="View project source code and documentation"> <Box
sx={{
mx: 'auto',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<MuiLink <MuiLink
href="https://github.com/jeremyckahn/chitchatter" href="https://github.com/jeremyckahn/chitchatter"
target="_blank" target="_blank"
sx={{ display: 'block', textAlign: 'center', color: '#fff' }} sx={theme => ({
color: theme.palette.text.primary,
})}
> >
<IconButton <IconButton
size="large" size="large"
edge="start" edge="start"
color="inherit" color="inherit"
aria-label="Open menu" aria-label="Open menu"
sx={{ mx: 'auto' }}
> >
<GitHubIcon sx={{ fontSize: '2em' }} /> <GitHubIcon sx={{ fontSize: '2em' }} />
</IconButton> </IconButton>
</MuiLink> </MuiLink>
</Tooltip> </Box>
<Typography variant="body1" sx={{ textAlign: 'center' }}> <Typography variant="body1" sx={{ textAlign: 'center' }}>
Licensed under{' '} Licensed under{' '}
<MuiLink <MuiLink