Merge branch 'develop' into feat/indeterminate-state

Client/src/Components/Alert/index.jsx

@@ -31,7 +31,7 @@ const icons = {
 
 const Alert = ({ variant, title, body, isToast, hasIcon = true, onClick }) => {
   const theme = useTheme();
-  const { text, light, border } = theme.palette[variant];
+  const { text, bg, border } = theme.palette[variant];
   const icon = icons[variant];
 
   return (
@@ -45,7 +45,7 @@ const Alert = ({ variant, title, body, isToast, hasIcon = true, onClick }) => {
         padding: hasIcon
           ? theme.spacing(8)
           : `${theme.spacing(4)} ${theme.spacing(8)}`,
-        backgroundColor: light,
+        backgroundColor: bg,
         border: `solid 1px ${border}`,
         borderRadius: theme.shape.borderRadius,
       }}

Client/src/Components/Charts/ResponseTimeChart/index.jsx

@@ -1,43 +0,0 @@
-import PropTypes from "prop-types";
-import { Stack } from "@mui/material";
-import { BarChart, Bar, ResponsiveContainer, Cell } from "recharts";
-import "./index.css";
-
-const ResponseTimeChart = ({ checks = [] }) => {
-  return (
-    <Stack
-      flexDirection="row"
-      justifyContent="space-around"
-      alignItems="flex-end"
-      height="50px"
-      width="300px"
-    >
-      <ResponsiveContainer width="100%" height="100%">
-        <BarChart
-          width={150}
-          height={40}
-          data={checks}
-          style={{ cursor: "pointer" }}
-        >
-          <Bar maxBarSize={10} dataKey="responseTime">
-            {checks.map((check, index) => (
-              <Cell
-                key={`cell-${index}`}
-                fill={
-                  check.status === true
-                    ? "var(--success-color)"
-                    : "var(--error-color)"
-                }
-              />
-            ))}
-          </Bar>
-        </BarChart>
-      </ResponsiveContainer>
-    </Stack>
-  );
-};
-
-ResponseTimeChart.propTypes = {
-  checks: PropTypes.array,
-};
-export default ResponseTimeChart;