From 1d1c80ac19ae793ee79e86ba030623f507308685 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Wed, 5 Mar 2025 11:20:23 -0800 Subject: [PATCH] add undefined state for device ticker --- .../Details/Components/DeviceTicker/index.jsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/Pages/DistributedUptime/Details/Components/DeviceTicker/index.jsx b/src/Pages/DistributedUptime/Details/Components/DeviceTicker/index.jsx index c540d8045..e2e879ab5 100644 --- a/src/Pages/DistributedUptime/Details/Components/DeviceTicker/index.jsx +++ b/src/Pages/DistributedUptime/Details/Components/DeviceTicker/index.jsx @@ -5,16 +5,14 @@ import "flag-icons/css/flag-icons.min.css"; import { ColContainer } from "../../../../../Components/StandardContainer"; // Utils -import { useMediaQuery } from "@mui/material"; import { useTheme } from "@emotion/react"; -import { safelyParseFloat } from "../../../../../Utils/utils"; const DeviceTicker = ({ data, width = "100%", connectionStatus }) => { const theme = useTheme(); - const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm")); const statusColor = { up: theme.palette.success.main, down: theme.palette.error.main, + undefined: theme.palette.warning.main, }; return ( @@ -30,7 +28,7 @@ const DeviceTicker = ({ data, width = "100%", connectionStatus }) => { mb={theme.spacing(8)} sx={{ alignSelf: "center" }} > - {connectionStatus === "up" ? "Connected" : "No connection"} + {connectionStatus === "up" ? "Connected" : "Connecting..."}