Added icons to some settings buttons

ReStartQ · Dec 6, 2023 · de559be · de559be
1 parent 8b023af
commit de559be
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/renderer/components/settings/reset/ResetButton.tsx b/src/renderer/components/settings/reset/ResetButton.tsx
@@ -7,6 +7,7 @@ import {
   DialogContentText,
   DialogTitle,
 } from '@mui/material';
+import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNew';
 
 export default function ResetButton() {
   const [open, setOpen] = React.useState(false);
@@ -30,6 +31,7 @@ export default function ResetButton() {
         onClick={handleClickOpen}
         fullWidth
       >
+        <PowerSettingsNewIcon sx={{ mr: '5px' }} />
         Reset Settings
       </Button>
       <Dialog
@@ -55,6 +57,7 @@ export default function ResetButton() {
             variant="contained"
             color="error"
           >
+            <PowerSettingsNewIcon sx={{ mr: '5px' }} />
             Reset
           </Button>
           <Button onClick={() => handleClose(false)} variant="contained">

diff --git a/src/renderer/components/settings/services/AccountSection.tsx b/src/renderer/components/settings/services/AccountSection.tsx
@@ -1,4 +1,6 @@
 import { Box, Button, Input } from '@mui/material';
+import TokenIcon from '@mui/icons-material/Token';
+import SaveIcon from '@mui/icons-material/Save';
 import { useState } from 'react';
 
 export default function AccountSection() {
@@ -68,6 +70,7 @@ export default function AccountSection() {
           }}
           sx={{ width: '50%' }}
         >
+          <TokenIcon sx={{ mr: '5px' }} />
           Get AniList Token
         </Button>
         <Button
@@ -76,6 +79,7 @@ export default function AccountSection() {
           onClick={handleSave}
           sx={{ width: '50%' }}
         >
+          <SaveIcon sx={{ mr: '5px' }} />
           Save
         </Button>
       </Box>