Merge pull request #584 from kbss-cvut/fix/536-distinguish-fault-tree…

…s-violating-reuired-failure-rate Refactor style
kbss-cvut · Sep 3, 2024 · bd0903a · bd0903a
2 parents 02ee0b6 + 59b1aa3
commit bd0903a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -46,4 +46,7 @@ export const appTheme = createCustomMuiTheme({
   synchronized: {
     color: "#000000",
   },
+  requirementViolation: {
+    color: "#FF0000",
+  },
 });