From e235279af06b05bc4043a0c928fbd91d36a71de2 Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Sun, 12 Jan 2025 12:35:14 -0500
Subject: [PATCH] feat: fix incident table

---
 Client/src/Components/ProgressBars/index.jsx          | 1 -
 Client/src/Components/TabPanels/Account/TeamPanel.jsx | 3 +--
 Client/src/Pages/Incidents/IncidentTable/index.jsx    | 7 ++++++-
 Client/src/Pages/Incidents/index.jsx                  | 1 +
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/Client/src/Components/ProgressBars/index.jsx b/Client/src/Components/ProgressBars/index.jsx
index 3ad35d53b..abb896844 100644
--- a/Client/src/Components/ProgressBars/index.jsx
+++ b/Client/src/Components/ProgressBars/index.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useTheme } from "@emotion/react";
 import PropTypes from "prop-types";
 import { Box, IconButton, LinearProgress, Stack, Typography } from "@mui/material";
diff --git a/Client/src/Components/TabPanels/Account/TeamPanel.jsx b/Client/src/Components/TabPanels/Account/TeamPanel.jsx
index 3e2d9f150..4d32f7410 100644
--- a/Client/src/Components/TabPanels/Account/TeamPanel.jsx
+++ b/Client/src/Components/TabPanels/Account/TeamPanel.jsx
@@ -194,8 +194,7 @@ const TeamPanel = () => {
 				},
 				"& .MuiTable-root .MuiTableBody-root .MuiTableCell-root, & .MuiTable-root p + p":
 					{
-						/* TODO set color */
-						color: "red" /* theme.palette.text.accent */,
+						color: theme.palette.primary.contrastTextSecondary,
 					},
 			}}
 		>
diff --git a/Client/src/Pages/Incidents/IncidentTable/index.jsx b/Client/src/Pages/Incidents/IncidentTable/index.jsx
index f7403d6a5..59273a5af 100644
--- a/Client/src/Pages/Incidents/IncidentTable/index.jsx
+++ b/Client/src/Pages/Incidents/IncidentTable/index.jsx
@@ -167,7 +167,12 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
 			) : (
 				<>
 					<TableContainer component={Paper}>
-						<Table>
+						<Table
+							sx={{
+								"& :is(th)": { color: theme.palette.primary.contrastText },
+								"& :is(td)": { color: theme.palette.primary.contrastTextSecondary },
+							}}
+						>
 							<TableHead>
 								<TableRow>
 									<TableCell>Monitor Name</TableCell>
diff --git a/Client/src/Pages/Incidents/index.jsx b/Client/src/Pages/Incidents/index.jsx
index d2a7439f4..baac880f1 100644
--- a/Client/src/Pages/Incidents/index.jsx
+++ b/Client/src/Pages/Incidents/index.jsx
@@ -96,6 +96,7 @@ const Incidents = () => {
 							items={Object.values(monitors)}
 							sx={{
 								backgroundColor: theme.palette.primary.main,
+								color: theme.palette.primary.contrastTextSecondary,
 							}}
 						/>
 						<ButtonGroup