From c4dafae21e5f626b42e694519bf8e0f922e5c80a Mon Sep 17 00:00:00 2001
From: M M <cosmicray23@hotmail.com>
Date: Mon, 2 Sep 2024 19:07:43 -0700
Subject: [PATCH] Give props more meaningful names.

---
 Client/src/Pages/Monitors/Home/monitorData.jsx | 10 +++++-----
 Client/src/Utils/Theme/darkTheme.js            |  8 ++++----
 Client/src/Utils/Theme/lightTheme.js           |  8 ++++----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/Client/src/Pages/Monitors/Home/monitorData.jsx b/Client/src/Pages/Monitors/Home/monitorData.jsx
index 4220fc2c5..643327e7e 100644
--- a/Client/src/Pages/Monitors/Home/monitorData.jsx
+++ b/Client/src/Pages/Monitors/Home/monitorData.jsx
@@ -40,7 +40,7 @@ export const buildData = (monitors, isAdmin, navigate) => {
 
   data.rows = monitors.map((monitor, idx) => {
     let uptimePercentage = "";
-    let percentageColor = theme.palette.percentage.green; 
+    let percentageColor = theme.palette.percentage.q4; 
 
     // Determine uptime percentage and color based on the monitor's uptimePercentage value
     if (monitor.uptimePercentage !== undefined) {
@@ -51,12 +51,12 @@ export const buildData = (monitors, isAdmin, navigate) => {
 
       percentageColor =
         monitor.uptimePercentage < 0.25
-          ? theme.palette.percentage.red
+          ? theme.palette.percentage.q1
           : monitor.uptimePercentage < 0.5
-          ? theme.palette.percentage.orange
+          ? theme.palette.percentage.q2
           : monitor.uptimePercentage < 0.75
-          ? theme.palette.percentage.yellow
-          : theme.palette.percentage.green;
+          ? theme.palette.percentage.q3
+          : theme.palette.percentage.q4;
     }
 
     const params = {
diff --git a/Client/src/Utils/Theme/darkTheme.js b/Client/src/Utils/Theme/darkTheme.js
index 3b77966cd..f680533f8 100644
--- a/Client/src/Utils/Theme/darkTheme.js
+++ b/Client/src/Utils/Theme/darkTheme.js
@@ -58,10 +58,10 @@ const darkTheme = createTheme({
       border: "#e88c30",
     },
     percentage: {
-      red: "#d32f2f",
-      orange: "#e88c30",
-      yellow: "#ffd600",
-      green: "#079455",
+      q1: "#d32f2f",
+      q2: "#e88c30",
+      q3: "#ffd600",
+      q4: "#079455",
     },
     unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
     divider: border.light,
diff --git a/Client/src/Utils/Theme/lightTheme.js b/Client/src/Utils/Theme/lightTheme.js
index 67c2d72e5..cc8b2f226 100644
--- a/Client/src/Utils/Theme/lightTheme.js
+++ b/Client/src/Utils/Theme/lightTheme.js
@@ -55,10 +55,10 @@ const lightTheme = createTheme({
       border: "#fec84b",
     },
     percentage: {
-      red: "#d32f2f",
-      orange: "#ec8013",
-      yellow: "#ffb800",
-      green: "#079455",
+      q1: "#d32f2f",
+      q2: "#ec8013",
+      q3: "#ffb800",
+      q4: "#079455",
     },
     unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
     divider: border.light,