From 2cd76a3be96ca4f32f4095cbffa7ad126c8fabbd Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Thu, 19 Sep 2024 15:51:25 -0700
Subject: [PATCH] Fix color issues (fix #1269)

---
 src/common/components/RemoveDialog.jsx |  3 +--
 src/common/components/StatusCard.jsx   |  5 +----
 src/reports/LogsPage.jsx               | 14 ++++----------
 3 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/common/components/RemoveDialog.jsx b/src/common/components/RemoveDialog.jsx
index 0f4254a85f..7a73acc4a6 100644
--- a/src/common/components/RemoveDialog.jsx
+++ b/src/common/components/RemoveDialog.jsx
@@ -16,7 +16,6 @@ const useStyles = makeStyles((theme) => ({
     height: 'auto',
     marginTop: 0,
     marginBottom: 0,
-    color: theme.palette.error.main,
   },
 }));
 
@@ -43,7 +42,7 @@ const RemoveDialog = ({
       onClose={() => onResult(false)}
       message={t('sharedRemoveConfirm')}
       action={(
-        <Button size="small" className={classes.button} onClick={handleRemove}>
+        <Button size="small" className={classes.button} color="error" onClick={handleRemove}>
           {t('sharedRemove')}
         </Button>
       )}
diff --git a/src/common/components/StatusCard.jsx b/src/common/components/StatusCard.jsx
index fd92c658f7..950206b8e6 100644
--- a/src/common/components/StatusCard.jsx
+++ b/src/common/components/StatusCard.jsx
@@ -60,9 +60,6 @@ const useStyles = makeStyles((theme) => ({
     maxHeight: theme.dimensions.cardContentMaxHeight,
     overflow: 'auto',
   },
-  delete: {
-    color: theme.palette.error.main,
-  },
   icon: {
     width: '25px',
     height: '25px',
@@ -254,9 +251,9 @@ const StatusCard = ({ deviceId, position, onClose, disableActions, desktopPaddin
                   <EditIcon />
                 </IconButton>
                 <IconButton
+                  color="error"
                   onClick={() => setRemoving(true)}
                   disabled={disableActions || deviceReadonly}
-                  className={classes.delete}
                 >
                   <DeleteIcon />
                 </IconButton>
diff --git a/src/reports/LogsPage.jsx b/src/reports/LogsPage.jsx
index 7bdbd309f8..6366fb1bb6 100644
--- a/src/reports/LogsPage.jsx
+++ b/src/reports/LogsPage.jsx
@@ -17,12 +17,6 @@ const useStyles = makeStyles((theme) => ({
     width: '1%',
     paddingLeft: theme.spacing(1),
   },
-  success: {
-    color: theme.palette.success.main,
-  },
-  error: {
-    color: theme.palette.error.main,
-  },
 }));
 
 const LogsPage = () => {
@@ -59,13 +53,13 @@ const LogsPage = () => {
             <TableRow key={index}>
               <TableCell className={classes.columnAction} padding="none">
                 {item.deviceId ? (
-                  <IconButton size="small" disabled>
-                    <CheckCircleOutlineIcon fontSize="small" className={classes.success} />
+                  <IconButton color="success" size="small" disabled>
+                    <CheckCircleOutlineIcon fontSize="small" />
                   </IconButton>
                 ) : (
                   <Tooltip title={t('loginRegister')}>
-                    <IconButton size="small" onClick={() => registerDevice(item.uniqueId)}>
-                      <HelpOutlineIcon fontSize="small" className={classes.error} />
+                    <IconButton color="error" size="small" onClick={() => registerDevice(item.uniqueId)}>
+                      <HelpOutlineIcon fontSize="small" />
                     </IconButton>
                   </Tooltip>
                 )}