diff --git a/client/src/Components/v2/design-elements/StatusBox.tsx b/client/src/Components/v2/design-elements/StatusBox.tsx
index 6b1c1920c..23cef3b37 100644
--- a/client/src/Components/v2/design-elements/StatusBox.tsx
+++ b/client/src/Components/v2/design-elements/StatusBox.tsx
@@ -98,6 +98,28 @@ export const PausedStatusBox = ({ n }: { n: number }) => {
/>
);
};
+export const TotalChecksBox = ({ n }: { n: number }) => {
+ const theme = useTheme();
+ const { t } = useTranslation();
+ return (
+
+ );
+};
+export const DownChecksBox = ({ n }: { n: number }) => {
+ const theme = useTheme();
+ const { t } = useTranslation();
+ return (
+
+ );
+};
export const InitializingStatusBox = ({ n }: { n: number }) => {
const theme = useTheme();
diff --git a/client/src/Pages/Checks/index.tsx b/client/src/Pages/Checks/index.tsx
index 5cb38ff5f..f692044e2 100644
--- a/client/src/Pages/Checks/index.tsx
+++ b/client/src/Pages/Checks/index.tsx
@@ -1,19 +1,13 @@
-import { BasePage, Breadcrumb } from "@/Components/v2/design-elements";
+import Stack from "@mui/material/Stack";
+import { BasePage, TotalChecksBox, DownChecksBox } from "@/Components/v2/design-elements";
+
import { useTheme } from "@mui/material";
import { useTranslation } from "react-i18next";
import { useState, useEffect, useMemo } from "react";
import { useParams } from "react-router-dom";
import { useGet } from "@/Hooks/UseApi";
-
-interface MonitorLookupItem {
- id: string;
- name: string;
- type: string;
-}
-
-interface MonitorLookup {
- [key: string]: MonitorLookupItem;
-}
+import type { Monitor } from "@/Types/Monitor";
+import type { ChecksSummary } from "@/Types/Check";
const Checks = () => {
const { t } = useTranslation();
@@ -45,7 +39,13 @@ const Checks = () => {
return (
-
+
+
+
+
);
};
diff --git a/client/src/Routes/index.jsx b/client/src/Routes/index.jsx
index 3abcfc16d..5ee16a49e 100644
--- a/client/src/Routes/index.jsx
+++ b/client/src/Routes/index.jsx
@@ -163,7 +163,13 @@ const Routes = () => {
/>
}
+ element={
+ <>
+
+
+
+ >
+ }
/>
=> {
diff --git a/server/src/types/check.ts b/server/src/types/check.ts
index ce932d79d..8e223d7c8 100644
--- a/server/src/types/check.ts
+++ b/server/src/types/check.ts
@@ -172,9 +172,7 @@ export interface UptimeChecksResult {
export interface ChecksSummary {
totalChecks: number;
- resolvedChecks: number;
downChecks: number;
- cannotResolveChecks: number;
}
export interface HasResponseTime {