Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-07 00:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor deprecated MUI component

Browse Source
This commit is contained in:
Nicola Benaglia 2025-05-27 09:02:58 +02:00
parent 0f857acd8d
commit 441e4c0231
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Theme/ThemeManager.tsx
View File

@ -16,6 +16,7 @@ import {
Tab, Tab,
ListItemButton, ListItemButton,
useTheme, useTheme,
ListItem,
} from '@mui/material'; } from '@mui/material';
import { Sketch } from '@uiw/react-color'; import { Sketch } from '@uiw/react-color';
import DeleteIcon from '@mui/icons-material/Delete'; import DeleteIcon from '@mui/icons-material/Delete';
@ -269,7 +270,9 @@ export default function ThemeManager() {
<ListItemText <ListItemText
primary={`${theme?.name || `Theme ${index + 1}`} ${theme?.id === currentThemeId ? '(Current)' : ''}`} primary={`${theme?.name || `Theme ${index + 1}`} ${theme?.id === currentThemeId ? '(Current)' : ''}`}
/> />
<ListItemSecondaryAction> <ListItem
secondaryAction={
<Box sx={{ display: 'flex', gap: 1 }}>
{theme.id !== 'default' && ( {theme.id !== 'default' && (
<> <>
<IconButton onClick={() => exportTheme(theme)}> <IconButton onClick={() => exportTheme(theme)}>
@ -286,7 +289,9 @@ export default function ThemeManager() {
<IconButton onClick={() => handleApplyTheme(theme)}> <IconButton onClick={() => handleApplyTheme(theme)}>
<CheckIcon /> <CheckIcon />
</IconButton> </IconButton>
</ListItemSecondaryAction> </Box>
}
></ListItem>
</ListItemButton> </ListItemButton>
))} ))}
</List> </List>