From 960afd44f9eebbfbf555522c3e3fa34c4b4645a9 Mon Sep 17 00:00:00 2001
From: Daniel C <122758391+danielcj2@users.noreply.github.com>
Date: Tue, 30 Jul 2024 15:44:41 -0400
Subject: [PATCH] Fixed get last checked function (#489)

* Fixed get last checked function

* Updated docs
---
 Client/src/Pages/PageSpeed/index.css |  5 ++++-
 Client/src/Pages/PageSpeed/index.jsx | 13 ++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/Client/src/Pages/PageSpeed/index.css b/Client/src/Pages/PageSpeed/index.css
index d199f077c..5d21076a2 100644
--- a/Client/src/Pages/PageSpeed/index.css
+++ b/Client/src/Pages/PageSpeed/index.css
@@ -13,10 +13,13 @@
   font-size: var(--env-var-font-size-large);
   font-weight: 600;
 }
-.page-speed span.MuiTypography-root,
 .page-speed p.MuiTypography-root {
   font-size: var(--env-var-font-size-medium);
 }
+.page-speed p:has(> span.MuiTypography-root),
+.page-speed p.MuiTypography-root > span.MuiTypography-root {
+  font-size: var(--env-var-font-size-small-plus);
+}
 .page-speed .MuiGrid-item > .MuiStack-root {
   border: solid 1px var(--env-var-color-6);
   border-radius: var(--env-var-radius-1);
diff --git a/Client/src/Pages/PageSpeed/index.jsx b/Client/src/Pages/PageSpeed/index.jsx
index 7feedce77..a15dedd66 100644
--- a/Client/src/Pages/PageSpeed/index.jsx
+++ b/Client/src/Pages/PageSpeed/index.jsx
@@ -23,11 +23,11 @@ const Card = ({ data }) => {
       return 0; // Handle case when no checks are available
     }
 
-    // Data is sorted oldest -> newest, so last check is the most recent
+    // Data is sorted newest -> oldest, so newest check is the most recent
     if (!duration) {
-      return new Date(checks[checks.length - 1].createdAt);
+      return new Date(checks[0].createdAt);
     }
-    return new Date() - new Date(checks[checks.length - 1].createdAt);
+    return new Date() - new Date(checks[0].createdAt);
   };
 
   return (
@@ -39,13 +39,12 @@ const Card = ({ data }) => {
             <Typography component="h2" mb={theme.gap.xs}>
               {data.name}
             </Typography>
-            {/* TODO - fix prop-type error */}
             <StatusLabel
-              status={data.isActive ? "up" : "cannot resolve"}
-              text={data.isActive ? "Live (collecting data)" : "Inactive"}
+              status={data.status ? "up" : "cannot resolve"}
+              text={data.status ? "Live (collecting data)" : "Inactive"}
             />
           </Stack>
-          <Typography>{data.url}</Typography>
+          <Typography>{data.url.replace(/^https?:\/\//, "")}</Typography>
           <Typography mt={theme.gap.large}>
             <Typography component="span" fontWeight={600}>
               Last checked:{" "}