Prevent tooltip on disabled button warning

src/modules/source/components/SourceOptions.tsx

@@ -23,7 +23,7 @@ import DialogTitle from '@mui/material/DialogTitle';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import TextField from '@mui/material/TextField';
-import Tooltip from '@mui/material/Tooltip';
+import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
 import { OptionsPanel } from '@/modules/core/components/OptionsPanel.tsx';
 import { CheckBoxFilter } from '@/modules/source/components/filters/CheckBoxFilter.tsx';
 import { HeaderFilter } from '@/modules/source/components/filters/HeaderFilter.tsx';
@@ -199,11 +199,11 @@ export function SourceOptions({
                         <PopupState variant="dialog" popupId="source-browse-save-search">
                             {(popupState) => (
                                 <>
-                                    <Tooltip title={t('source.filter.save_search.label.save')}>
+                                    <CustomTooltip title={t('source.filter.save_search.label.save')}>
                                         <IconButton sx={{ marginLeft: 'auto' }} {...bindTrigger(popupState)}>
                                             <SaveIcon />
                                         </IconButton>
-                                    </Tooltip>
+                                    </CustomTooltip>
                                     <Dialog {...bindDialog(popupState)} maxWidth="xs" fullWidth>
                                         <DialogTitle>{t('source.filter.save_search.dialog.label.title')}</DialogTitle>
                                         <DialogContent>
@@ -269,9 +269,9 @@ export function SourceOptions({
                                                 .catch(defaultPromiseErrorHandler('SourceOptions::deleteSavedSearch'));
                                         }}
                                         deleteIcon={
-                                            <Tooltip title={t('source.filter.save_search.label.delete')}>
+                                            <CustomTooltip title={t('source.filter.save_search.label.delete')}>
                                                 <DeleteIcon />
-                                            </Tooltip>
+                                            </CustomTooltip>
                                         }
                                         variant="outlined"
                                     />

src/modules/source/screens/SourceMangas.tsx

@@ -15,11 +15,11 @@ import { useTranslation } from 'react-i18next';
 import Link from '@mui/material/Link';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Tooltip from '@mui/material/Tooltip';
 import { styled } from '@mui/material/styles';
 import FavoriteIcon from '@mui/icons-material/Favorite';
 import NewReleasesIcon from '@mui/icons-material/NewReleases';
 import FilterListIcon from '@mui/icons-material/FilterList';
+import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
 import {
     requestManager,
     AbortableApolloUseMutationPaginatedResponse,
@@ -405,7 +405,7 @@ export function SourceMangas() {
                 <AppbarSearch />
                 <SourceGridLayout />
                 {source?.isConfigurable && (
-                    <Tooltip title={t('settings.title')}>
+                    <CustomTooltip title={t('settings.title')}>
                         <IconButton
                             onClick={() => navigate(AppRoutes.sources.childRoutes.configure.path(sourceId))}
                             aria-label="display more actions"
@@ -415,7 +415,7 @@ export function SourceMangas() {
                         >
                             <SettingsIcon />
                         </IconButton>
-                    </Tooltip>
+                    </CustomTooltip>
                 )}
             </>,
         );

src/modules/source/screens/Sources.tsx

@@ -8,11 +8,11 @@
 
 import { Fragment, useEffect, useLayoutEffect, useMemo } from 'react';
 import IconButton from '@mui/material/IconButton';
-import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import TravelExploreIcon from '@mui/icons-material/TravelExplore';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { useLocalStorage } from '@/modules/core/hooks/useStorage.tsx';
 import {
@@ -108,7 +108,7 @@ export function Sources() {
     useLayoutEffect(() => {
         setAction(
             <>
-                <Tooltip title={t('search.title.global_search')}>
+                <CustomTooltip title={t('search.title.global_search')}>
                     <IconButton
                         onClick={() => navigate(AppRoutes.sources.childRoutes.searchAll.path)}
                         size="large"
@@ -116,7 +116,7 @@ export function Sources() {
                     >
                         <TravelExploreIcon />
                     </IconButton>
-                </Tooltip>
+                </CustomTooltip>
                 <LangSelect
                     shownLangs={shownLangs}
                     setShownLangs={setShownLangs}