Remove tooltip from VweKomante component

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 />
+        <Button sx={{marginBlock: 3}} variant='outlined' onClick={handleClick}>
+          Voir les commentaires
+        </Button>
       </Badge>
-        </IconButton>
-      </KomanteTooltip>
       <Dialog
         open={esOuve}
         scroll='paper'