From 62541f3fdd1329ff41d6d810c3a6851f12bcac64 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 8 Jan 2025 14:03:23 -0800
Subject: [PATCH] readd skeleton

---
 Client/src/Pages/Uptime/Home/index.jsx | 84 ++++++++++++++------------
 1 file changed, 44 insertions(+), 40 deletions(-)

diff --git a/Client/src/Pages/Uptime/Home/index.jsx b/Client/src/Pages/Uptime/Home/index.jsx
index 391be0aed..4ccacd81e 100644
--- a/Client/src/Pages/Uptime/Home/index.jsx
+++ b/Client/src/Pages/Uptime/Home/index.jsx
@@ -173,48 +173,52 @@ const UptimeMonitors = () => {
 			{
 				<>
 					{!isLoading && !hasMonitors && <Fallback isAdmin={isAdmin} />}
-					{hasMonitors && (
-						<>
-							<Stack
-								gap={theme.spacing(8)}
-								direction="row"
-								justifyContent="space-between"
-							>
-								<StatusBox
-									title="up"
-									value={monitorsSummary?.upMonitors ?? 0}
+					{isLoading ? (
+						<SkeletonLayout />
+					) : (
+						hasMonitors && (
+							<>
+								<Stack
+									gap={theme.spacing(8)}
+									direction="row"
+									justifyContent="space-between"
+								>
+									<StatusBox
+										title="up"
+										value={monitorsSummary?.upMonitors ?? 0}
+									/>
+									<StatusBox
+										title="down"
+										value={monitorsSummary?.downMonitors ?? 0}
+									/>
+									<StatusBox
+										title="paused"
+										value={monitorsSummary?.pausedMonitors ?? 0}
+									/>
+								</Stack>
+								<UptimeDataTable
+									isAdmin={isAdmin}
+									isLoading={isLoading}
+									monitors={monitors}
+									monitorCount={totalMonitors}
+									sort={sort}
+									setSort={setSort}
+									search={search}
+									setSearch={setSearch}
+									isSearching={isSearching}
+									setIsSearching={setIsSearching}
+									setIsLoading={setIsLoading}
+									triggerUpdate={triggerUpdate}
 								/>
-								<StatusBox
-									title="down"
-									value={monitorsSummary?.downMonitors ?? 0}
+								<Pagination
+									monitorCount={totalMonitors}
+									page={page}
+									rowsPerPage={rowsPerPage}
+									handleChangePage={handleChangePage}
+									handleChangeRowsPerPage={handleChangeRowsPerPage}
 								/>
-								<StatusBox
-									title="paused"
-									value={monitorsSummary?.pausedMonitors ?? 0}
-								/>
-							</Stack>
-							<UptimeDataTable
-								isAdmin={isAdmin}
-								isLoading={isLoading}
-								monitors={monitors}
-								monitorCount={totalMonitors}
-								sort={sort}
-								setSort={setSort}
-								search={search}
-								setSearch={setSearch}
-								isSearching={isSearching}
-								setIsSearching={setIsSearching}
-								setIsLoading={setIsLoading}
-								triggerUpdate={triggerUpdate}
-							/>
-							<Pagination
-								monitorCount={totalMonitors}
-								page={page}
-								rowsPerPage={rowsPerPage}
-								handleChangePage={handleChangePage}
-								handleChangeRowsPerPage={handleChangeRowsPerPage}
-							/>
-						</>
+							</>
+						)
 					)}
 				</>
 			}