From d0c9e8b3968be672225e415d2e9746c3d84e5a14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <cedric@livingdata.co>
Date: Mon, 12 Dec 2022 23:17:30 +0400
Subject: [PATCH] Remove tooltip from VweKomante component

---
 components/komante/vwe-komante.js | 32 +++++--------------------------
 1 file changed, 5 insertions(+), 27 deletions(-)

diff --git a/components/komante/vwe-komante.js b/components/komante/vwe-komante.js
index bc4f3d7..c9a62f2 100644
--- a/components/komante/vwe-komante.js
+++ b/components/komante/vwe-komante.js
@@ -4,18 +4,14 @@ import PropTypes from 'prop-types'
 import {useSession} from 'next-auth/react'
 
 import {
-  IconButton,
   Dialog,
   DialogTitle,
   DialogContent,
   DialogActions,
   Button,
   Typography,
-  Tooltip,
-  Zoom,
   Badge
 } from '@mui/material'
-import CommentIcon from '@mui/icons-material/Comment'
 import {useRouter} from 'next/router'
 import Koneksyon from '../sesyon/koneksyon'
 import KomanteList from './komante-list'
@@ -43,8 +39,6 @@ const Root = styled('div')((
   }
 }))
 
-const KomanteTooltip = Tooltip
-
 export default function VweKomante({commentaires, parole, paroleId}) {
   const [esOuve, meteEsOuve] = useState(false)
   const [esKoneksyonOuve, meteEsKoneksyonOuve] = useState(false)
@@ -72,27 +66,11 @@ export default function VweKomante({commentaires, parole, paroleId}) {
 
   return (
     <Root>
-      <KomanteTooltip
-        title='Commentaires'
-        placement='bottom'
-        TransitionComponent={Zoom}
-        classes={{
-          tooltip: classes.tooltip
-        }}
-      >
-        <IconButton
-          className={classes.margin}
-          color='primary'
-          aria-label='commentaire'
-          component='span'
-          size='large'
-          onClick={handleClick}
-        >
-          <Badge badgeContent={commentaires.length} color='primary'>
-            <CommentIcon />
-          </Badge>
-        </IconButton>
-      </KomanteTooltip>
+      <Badge badgeContent={commentaires.length} color='primary'>
+        <Button sx={{marginBlock: 3}} variant='outlined' onClick={handleClick}>
+          Voir les commentaires
+        </Button>
+      </Badge>
       <Dialog
         open={esOuve}
         scroll='paper'