Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-03 15:07:00 +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

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

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