From 59b1aa3422792573eaee7f6d030914d6dd55ecdc Mon Sep 17 00:00:00 2001
From: Bogdan Kostov <kostobog@fel.cvut.cz>
Date: Tue, 3 Sep 2024 16:04:45 +0200
Subject: [PATCH] [Fix partially #536] Refactor style - add
 requirementViolation. Replace theme.main.red with
 theme.requirementViolation.color where applicable

---
 .../editor/faultTree/menu/faultEvent/FaultEventMenu.tsx       | 2 +-
 src/components/table/FaultTreeTableBody.tsx                   | 4 +++-
 src/styles/App.styles.declarations.tsx                        | 3 +++
 src/styles/App.styles.tsx                                     | 3 +++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/editor/faultTree/menu/faultEvent/FaultEventMenu.tsx b/src/components/editor/faultTree/menu/faultEvent/FaultEventMenu.tsx
index 8a945b55..6516f3c4 100644
--- a/src/components/editor/faultTree/menu/faultEvent/FaultEventMenu.tsx
+++ b/src/components/editor/faultTree/menu/faultEvent/FaultEventMenu.tsx
@@ -319,7 +319,7 @@ const FaultEventMenu = ({ selectedShapeToolData, onEventUpdated, refreshTree, ro
   const violatesRequirement =
     shapeToolData?.probability && getRequiredFailureRate() && shapeToolData.probability > getRequiredFailureRate();
 
-  const requiredFailureRateStatusColor = violatesRequirement ? theme.main.red : theme.main.black;
+  const requiredFailureRateStatusColor = violatesRequirement ? theme.requirementViolation.color : theme.main.black;
 
   return (
     <Box paddingLeft={2} marginRight={2}>
diff --git a/src/components/table/FaultTreeTableBody.tsx b/src/components/table/FaultTreeTableBody.tsx
index 7f89d66e..5a35027d 100644
--- a/src/components/table/FaultTreeTableBody.tsx
+++ b/src/components/table/FaultTreeTableBody.tsx
@@ -50,7 +50,9 @@ const FaultTreeTableBody: FC<FaultTreeTableBodyProps> = ({ faultTrees, handleFau
           faultTree?.requiredFailureRate &&
           faultTree?.calculatedFailureRate &&
           faultTree?.calculatedFailureRate > faultTree?.requiredFailureRate;
-        const violatedRequirementStatusColor = violatedRequirement ? theme.main.red : theme.main.black;
+        const violatedRequirementStatusColor = violatedRequirement
+          ? theme.requirementViolation.color
+          : theme.main.black;
 
         const editor = faultTree?.editor || faultTree?.creator;
         return (
diff --git a/src/styles/App.styles.declarations.tsx b/src/styles/App.styles.declarations.tsx
index 4e2e4801..f89071dd 100644
--- a/src/styles/App.styles.declarations.tsx
+++ b/src/styles/App.styles.declarations.tsx
@@ -47,6 +47,9 @@ declare module "@mui/material/styles" {
         color: COLOR;
       };
     };
+    requirementViolation?: {
+      color: COLOR;
+    };
   }
   // allow configuration using `createMuiTheme`
   interface DeprecatedThemeOptions {
diff --git a/src/styles/App.styles.tsx b/src/styles/App.styles.tsx
index d099f0a6..9a36a4ae 100644
--- a/src/styles/App.styles.tsx
+++ b/src/styles/App.styles.tsx
@@ -46,4 +46,7 @@ export const appTheme = createCustomMuiTheme({
   synchronized: {
     color: "#000000",
   },
+  requirementViolation: {
+    color: "#FF0000",
+  },
 });