Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-05 16:06: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

39
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,24 +270,28 @@ 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
{theme.id !== 'default' && ( secondaryAction={
<> <Box sx={{ display: 'flex', gap: 1 }}>
<IconButton onClick={() => exportTheme(theme)}> {theme.id !== 'default' && (
<FileDownloadIcon /> <>
<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>
<IconButton onClick={() => handleEditTheme(theme.id)}> </Box>
<EditIcon /> }
</IconButton> ></ListItem>
<IconButton onClick={() => handleDeleteTheme(theme.id)}>
<DeleteIcon />
</IconButton>
</>
)}
<IconButton onClick={() => handleApplyTheme(theme)}>
<CheckIcon />
</IconButton>
</ListItemSecondaryAction>
</ListItemButton> </ListItemButton>
))} ))}
</List> </List>