- Add SystemOverview component and related hooks;

- update Dashboard layout and introduce new UI components

src/utils/types.ts

@@ -65,3 +65,25 @@ export type CameraSettingsAction =
       type: "SET_IMAGE_SIZE";
       payload: { width: number; height: number };
     };
+
+export type CameraStatus = {
+  id: string;
+  groupID: string;
+  tags: string[];
+};
+
+export type SystemHealth = {
+  UptimeHumane: string;
+  StartTimeHumane: string;
+  Status: CameraStatus[];
+};
+
+export type StoreData = {
+  totalPending: number;
+  totalActive: number;
+  totalSent: number;
+  totalReceived: number;
+  totalLost: number;
+  sanityCheck: boolean;
+  sanityCheckFormula: string;
+};

src/utils/utils.ts

@@ -22,3 +22,7 @@ export const timeAgo = (timestampmili: number | null) => {
     return `${diffHours === 1 ? "1 hour" : diffHours + " hours"} ago`;
   }
 };
+
+export function capitalize(s?: string) {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : "";
+}