From 5ac2bfe7b551ba8c768d9f5d11f317518a226007 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:19:18 -0800
Subject: [PATCH 1/9] add recent date format

---
 src/Components/Charts/Utils/chartUtilFunctions.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Components/Charts/Utils/chartUtilFunctions.js b/src/Components/Charts/Utils/chartUtilFunctions.js
index 70f5ac9c3..d8ec6cdb6 100644
--- a/src/Components/Charts/Utils/chartUtilFunctions.js
+++ b/src/Components/Charts/Utils/chartUtilFunctions.js
@@ -13,6 +13,7 @@ export const tooltipDateFormatLookup = (dateRange) => {
 
 export const tickDateFormatLookup = (dateRange) => {
 	const tickFormatLookup = {
+		recent: "h:mm A",
 		day: "h:mm A",
 		week: "MM/D, h:mm A",
 		month: "ddd. M/D",

From 65343e1e4b5ab8e630e3c93e0ffc71b29f294470 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:19:48 -0800
Subject: [PATCH 2/9] Add recent to header

---
 src/Components/MonitorTimeFrameHeader/index.jsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/Components/MonitorTimeFrameHeader/index.jsx b/src/Components/MonitorTimeFrameHeader/index.jsx
index e43d63494..9ac8b8b6a 100644
--- a/src/Components/MonitorTimeFrameHeader/index.jsx
+++ b/src/Components/MonitorTimeFrameHeader/index.jsx
@@ -20,6 +20,13 @@ const MonitorTimeFrameHeader = ({
 	if (hasDateRange) {
 		timeFramePicker = (
 			<ButtonGroup sx={{ height: 32 }}>
+				<Button
+					variant="group"
+					filled={(dateRange === "recent").toString()}
+					onClick={() => setDateRange("recent")}
+				>
+					Recent
+				</Button>
 				<Button
 					variant="group"
 					filled={(dateRange === "day").toString()}
@@ -55,7 +62,14 @@ const MonitorTimeFrameHeader = ({
 		>
 			<Typography variant="body2">
 				Showing statistics for past{" "}
-				{dateRange === "day" ? "24 hours" : dateRange === "week" ? "7 days" : "30 days"}.
+				{dateRange === "recent"
+					? "2 hours"
+					: dateRange === "day"
+						? "24 hours"
+						: dateRange === "week"
+							? "7 days"
+							: "30 days"}
+				.
 			</Typography>
 			{timeFramePicker}
 		</Stack>

From 1d1c80ac19ae793ee79e86ba030623f507308685 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:20:23 -0800
Subject: [PATCH 3/9] 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..."}
 				</Typography>
 			</Stack>
 			<div

From 80ca492d61f3c40c74c3da5cbf8ceb6f883e935a Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:20:54 -0800
Subject: [PATCH 4/9] update connectionstatus on initial data fetch

---
 .../DistributedUptime/Details/Hooks/useSubscribeToDetails.jsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Pages/DistributedUptime/Details/Hooks/useSubscribeToDetails.jsx b/src/Pages/DistributedUptime/Details/Hooks/useSubscribeToDetails.jsx
index 99e048e26..e8a49e886 100644
--- a/src/Pages/DistributedUptime/Details/Hooks/useSubscribeToDetails.jsx
+++ b/src/Pages/DistributedUptime/Details/Hooks/useSubscribeToDetails.jsx
@@ -33,11 +33,12 @@ const useSubscribeToDetails = ({ monitorId, isPublic, isPublished, dateRange })
 				if (typeof responseData === "undefined") {
 					throw new Error("No data");
 				}
-
+				setConnectionStatus("up");
 				setLastUpdateTrigger(Date.now());
 				setMonitor(responseData);
 			} catch (error) {
 				setNetworkError(true);
+				setConnectionStatus("down");
 				createToast({
 					body: error.message,
 				});

From d56b9e29ec6af531344a35c73dbe57eb4de19223 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:21:17 -0800
Subject: [PATCH 5/9] add recent option

---
 src/Pages/DistributedUptime/Details/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Pages/DistributedUptime/Details/index.jsx b/src/Pages/DistributedUptime/Details/index.jsx
index 18aea07b5..24c625c24 100644
--- a/src/Pages/DistributedUptime/Details/index.jsx
+++ b/src/Pages/DistributedUptime/Details/index.jsx
@@ -26,7 +26,7 @@ import { useNavigate } from "react-router-dom";
 const DistributedUptimeDetails = () => {
 	const { monitorId } = useParams();
 	// Local State
-	const [dateRange, setDateRange] = useState("day");
+	const [dateRange, setDateRange] = useState("recent");
 	const [isDeleteOpen, setIsDeleteOpen] = useState(false);
 
 	// Utils

From 94eb0e6298f3be9f6127c80d92419ade2d02506d Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:21:37 -0800
Subject: [PATCH 6/9] add recent option

---
 src/Pages/DistributedUptimeStatus/Status/index.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Pages/DistributedUptimeStatus/Status/index.jsx b/src/Pages/DistributedUptimeStatus/Status/index.jsx
index 033174b0c..b2fb0780f 100644
--- a/src/Pages/DistributedUptimeStatus/Status/index.jsx
+++ b/src/Pages/DistributedUptimeStatus/Status/index.jsx
@@ -18,7 +18,6 @@ import InfoBox from "../../../Components/InfoBox";
 import StatusHeader from "../../DistributedUptime/Details/Components/StatusHeader";
 import MonitorsList from "./Components/MonitorsList";
 import { RowContainer } from "../../../Components/StandardContainer";
-import ThemeSwitch from "../../../Components/ThemeSwitch";
 
 //Utils
 import { useTheme } from "@mui/material/styles";
@@ -50,7 +49,7 @@ const DistributedUptimeStatus = () => {
 	const originalModeRef = useRef(null);
 
 	// Local State
-	const [dateRange, setDateRange] = useState("day");
+	const [dateRange, setDateRange] = useState("recent");
 	const [isDeleteOpen, setIsDeleteOpen] = useState(false);
 	const [timeFrame, setTimeFrame] = useState(30);
 	// Utils

From ed6ed07f6c7a4433fdec55c15633e8d20bb3eb2e Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:23:26 -0800
Subject: [PATCH 7/9] remove unused import

---
 .../Infrastructure/Details/Hooks/useHardwareMonitorsFetch.jsx    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Pages/Infrastructure/Details/Hooks/useHardwareMonitorsFetch.jsx b/src/Pages/Infrastructure/Details/Hooks/useHardwareMonitorsFetch.jsx
index 5eb1936aa..a5b84cfa4 100644
--- a/src/Pages/Infrastructure/Details/Hooks/useHardwareMonitorsFetch.jsx
+++ b/src/Pages/Infrastructure/Details/Hooks/useHardwareMonitorsFetch.jsx
@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-import { useSelector } from "react-redux";
 import { networkService } from "../../../../main";
 
 const useHardwareMonitorsFetch = ({ monitorId, dateRange }) => {

From 1642311e505276078820159b230ce37325259f2f Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:23:45 -0800
Subject: [PATCH 8/9] add recent

---
 src/Pages/Infrastructure/Details/index.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Pages/Infrastructure/Details/index.jsx b/src/Pages/Infrastructure/Details/index.jsx
index fc704b444..00705d2e1 100644
--- a/src/Pages/Infrastructure/Details/index.jsx
+++ b/src/Pages/Infrastructure/Details/index.jsx
@@ -24,11 +24,10 @@ const InfrastructureDetails = () => {
 	// Redux state
 
 	// Local state
-	const [dateRange, setDateRange] = useState("day");
+	const [dateRange, setDateRange] = useState("recent");
 
 	// Utils
 	const theme = useTheme();
-	const isAdmin = useIsAdmin();
 	const { monitorId } = useParams();
 
 	const { isLoading, networkError, monitor } = useHardwareMonitorsFetch({

From f089e31d69ee9dfe5165414990123b3ebf0fee48 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 5 Mar 2025 11:24:02 -0800
Subject: [PATCH 9/9] add recent

---
 src/Pages/Uptime/Details/index.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Pages/Uptime/Details/index.jsx b/src/Pages/Uptime/Details/index.jsx
index 24b5793f2..d170f7b18 100644
--- a/src/Pages/Uptime/Details/index.jsx
+++ b/src/Pages/Uptime/Details/index.jsx
@@ -34,14 +34,15 @@ const UptimeDetails = () => {
 	const uiTimezone = useSelector((state) => state.ui.timezone);
 
 	// Local state
-	const [dateRange, setDateRange] = useState("day");
+	const [dateRange, setDateRange] = useState("recent");
 	const [hoveredUptimeData, setHoveredUptimeData] = useState(null);
 	const [hoveredIncidentsData, setHoveredIncidentsData] = useState(null);
 	const [page, setPage] = useState(0);
 	const [rowsPerPage, setRowsPerPage] = useState(5);
 
 	// Utils
-	const dateFormat = dateRange === "day" ? "MMM D, h A" : "MMM D";
+	const dateFormat =
+		dateRange === "day" || dateRange === "recent" ? "MMM D, h A" : "MMM D";
 	const { monitorId } = useParams();
 	const theme = useTheme();
 	const isAdmin = useIsAdmin();