ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent tooltip on disabled button warning

Browse Source
This commit is contained in:
schroda
2025-02-01 14:24:38 +01:00
parent dc9f6fc863
commit 8ddb259c82
46 changed files with 229 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/theme/components/CreateThemeButton.tsx
View File

@@ -11,7 +11,7 @@ import Stack from '@mui/material/Stack';
import Button from '@mui/material/Button';
import AddCircleIcon from '@mui/icons-material/AddCircle';
import { bindDialog, bindTrigger, usePopupState } from 'material-ui-popup-state/hooks';
import Tooltip from '@mui/material/Tooltip';
import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
import { ThemeCreationDialog } from '@/modules/theme/components/CreateThemeDialog.tsx';
import { TypographyMaxLines } from '@/modules/core/components/TypographyMaxLines.tsx';
@@ -34,11 +34,11 @@ export const CreateThemeButton = () => {
>
<AddCircleIcon fontSize="large" />
</Button>
<Tooltip title={t('settings.appearance.theme.create.title')} placement="top">
<CustomTooltip title={t('settings.appearance.theme.create.title')} placement="top">
<TypographyMaxLines sx={{ maxWidth: '100%' }}>
{t('settings.appearance.theme.create.title')}
</TypographyMaxLines>
</Tooltip>
</CustomTooltip>
</Stack>
{popupState.isOpen && <ThemeCreationDialog bindDialogProps={bindDialog(popupState)} mode="create" />}
</>

14
src/modules/theme/components/ThemePreview.tsx
View File

@@ -16,9 +16,9 @@ import Card from '@mui/material/Card';
import CardActionArea from '@mui/material/CardActionArea';
import DeleteIcon from '@mui/icons-material/Delete';
import IconButton from '@mui/material/IconButton';
import Tooltip from '@mui/material/Tooltip';
import EditIcon from '@mui/icons-material/Edit';
import { bindDialog, usePopupState } from 'material-ui-popup-state/hooks';
import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
import { AppThemeContext } from '@/modules/theme/contexts/AppThemeContext.tsx';
import { AppTheme, hasMissingFonts, loadThemeFonts } from '@/modules/theme/services/AppThemes.ts';
import { createTheme } from '@/modules/theme/services/ThemeCreator.ts';
@@ -154,9 +154,9 @@ export const ThemePreview = ({ appTheme, onDelete }: { appTheme: AppTheme; onDel
size="small"
sx={{ mt: -0.5 }}
>
<Tooltip title={t('global.button.delete')}>
<CustomTooltip title={t('global.button.delete')}>
<DeleteIcon />
</Tooltip>
</CustomTooltip>
</IconButton>
)}
{appTheme.isCustom && (
@@ -169,9 +169,9 @@ export const ThemePreview = ({ appTheme, onDelete }: { appTheme: AppTheme; onDel
component="div"
size="small"
>
<Tooltip title={t('global.button.edit')}>
<CustomTooltip title={t('global.button.edit')}>
<EditIcon />
</Tooltip>
</CustomTooltip>
</IconButton>
)}
</Stack>
@@ -229,9 +229,9 @@ export const ThemePreview = ({ appTheme, onDelete }: { appTheme: AppTheme; onDel
</CardActionArea>
</Card>
</ThemeProvider>
<Tooltip title={getName()} placement="top">
<CustomTooltip title={getName()} placement="top">
<TypographyMaxLines sx={{ maxWidth: '100%' }}>{getName()}</TypographyMaxLines>
</Tooltip>
</CustomTooltip>
</Stack>
<ThemeCreationDialog bindDialogProps={bindDialog(popupState)} mode="edit" appTheme={appTheme} />
</>