Add tooltip to oki links

This commit is contained in:
2022-09-09 23:23:14 +04:00
parent b8084abc44
commit 228e6f3d05
+8 -5
View File
@@ -9,6 +9,7 @@ import Button from '@mui/material/Button'
import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown' import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
import OpenInNewIcon from '@mui/icons-material/OpenInNew' import OpenInNewIcon from '@mui/icons-material/OpenInNew'
import FormHelperText from '@mui/material/FormHelperText' import FormHelperText from '@mui/material/FormHelperText'
import Tooltip from '@mui/material/Tooltip'
import HeadLayout from '../components/head-layout' import HeadLayout from '../components/head-layout'
import Footer from '../components/footer' import Footer from '../components/footer'
@@ -73,16 +74,18 @@ export default function Home({errorCode, errorMessage, stats}) {
<Container> <Container>
<Grid container justifyContent='center' spacing={2}> <Grid container justifyContent='center' spacing={2}>
<Grid item> <Grid item>
<Tooltip title='asso.oki.re' placement='top' arrow>
<Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}> <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}>
<strong>Adhésion</strong> <strong>Adhésion</strong>
</Button> </Button>
<FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>asso.oki.re</FormHelperText> </Tooltip>
</Grid> </Grid>
<Grid item> <Grid item>
<Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}> <Tooltip title='o-k-i.net' placement='top' arrow>
<strong>Fédiverse</strong> <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}>
</Button> <strong>Fédiverse</strong>
<FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>o-k-i.net</FormHelperText> </Button>
</Tooltip>
</Grid> </Grid>
</Grid> </Grid>
</Container> </Container>