From 228e6f3d05954b167d7e46b0d3d1b95469a979f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Fri, 9 Sep 2022 23:23:14 +0400
Subject: [PATCH] Add tooltip to oki links

---
 pages/index.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 58bb57e..ed55333 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -9,6 +9,7 @@ import Button from '@mui/material/Button'
 import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
 import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 import FormHelperText from '@mui/material/FormHelperText'
+import Tooltip from '@mui/material/Tooltip'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
@@ -73,16 +74,18 @@ export default function Home({errorCode, errorMessage, stats}) {
           <Container>
             <Grid container justifyContent='center' spacing={2}>
               <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')}>
                   <strong>Adhésion</strong>
                 </Button>
-                <FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>asso.oki.re</FormHelperText>
+              </Tooltip>
               </Grid>
               <Grid item>
-                <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}>
-                  <strong>Fédiverse</strong>
-                </Button>
-                <FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>o-k-i.net</FormHelperText>
+                <Tooltip title='o-k-i.net' placement='top' arrow>
+                  <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}>
+                    <strong>Fédiverse</strong>
+                  </Button>
+                </Tooltip>
               </Grid>
             </Grid>
           </Container>