fix build

Author: colegottdank

web/components/layout/auth/NavItem.tsx

@@ -55,8 +55,10 @@ const NavItem: React.FC<NavItemProps> = ({
             {link.icon && (
               <link.icon
                 className={cn(
-                  "h-4 w-4 text-slate-500",
-                  link.current && "text-blue-600 dark:text-blue-400",
+                  "h-4 w-4",
+                  link.current
+                    ? "text-slate-700 dark:text-slate-300"
+                    : "text-slate-500"
                 )}
               />
             )}
@@ -88,19 +90,21 @@ const NavItem: React.FC<NavItemProps> = ({
                 "flex items-center justify-start rounded-md px-3 transition-colors",
                 deep && deep > 1 ? "h-6" : "h-8",
                 "w-full font-normal",
-                "text-[12px] text-slate-500",
+                "text-[12px]",
                 link.current
-                  ? "bg-blue-100 text-blue-700 hover:bg-blue-100 dark:bg-blue-900/50 dark:text-blue-300 dark:hover:bg-blue-900/50"
-                  : "hover:bg-slate-200 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-slate-100",
+                  ? "bg-blue-100 text-slate-900 hover:bg-blue-100 dark:bg-blue-900/50 dark:text-slate-100 dark:hover:bg-blue-900/50"
+                  : "text-slate-500 hover:bg-slate-200 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-slate-100",
               ),
         )}
       >
         <div className="flex items-center">
           {link.icon && (
             <link.icon
               className={cn(
-                "mr-2 h-3.5 w-3.5 text-slate-500",
-                link.current && "text-blue-700 dark:text-blue-300",
+                "mr-2 h-3.5 w-3.5",
+                link.current
+                  ? "text-slate-700 dark:text-slate-300"
+                  : "text-slate-500"
               )}
             />
           )}

web/components/templates/dashboard/dashboardPage.tsx

@@ -163,10 +163,10 @@ const DashboardPage = (props: DashboardPageProps) => {
   const overTimeData = shouldShowMockData ? mockOverTimeData : realOverTimeData;
   const models = shouldShowMockData
     ? { data: mockModels.data, isLoading: false }
-    : realModels;
+    : { data: realModels.error === null ? realModels.data ?? undefined : undefined, isLoading: isModelsLoading };
   const providers = shouldShowMockData
     ? { data: [], isLoading: false }
-    : realProviders;
+    : { data: realProviders.error === null ? realProviders.data ?? undefined : undefined, isLoading: isProvidersLoading };
 
   const metricsData: MetricsPanelProps["metric"][] = [
     {

web/components/templates/dashboard/useDashboardPage.tsx

@@ -81,19 +81,29 @@ export const useDashboardPage = ({
     filter,
   );
   const topModels =
-    models?.data?.sort((a, b) =>
-      a.total_requests > b.total_requests ? -1 : 1,
-    ) ?? [];
+    models && models.error === null && Array.isArray(models.data)
+      ? [...models.data].sort((a, b) =>
+          a.total_requests > b.total_requests ? -1 : 1,
+        )
+      : [];
 
   const { isLoading: isProvidersLoading, providers } = useProviders(
     timeFilter,
     1000,
     filter,
   );
-  const topProviders =
-    providers?.data?.sort((a, b) =>
-      a.total_requests > b.total_requests ? -1 : 1,
-    ) ?? [];
+
+  // Extract providers data safely from the openapi-fetch response
+  const providersData =
+    providers && 'data' in providers && providers.data && typeof providers.data === 'object' && 'data' in providers.data && !providers.data.error
+      ? providers.data.data
+      : null;
+
+  const topProviders = Array.isArray(providersData)
+    ? [...providersData].sort((a, b) =>
+        a.total_requests > b.total_requests ? -1 : 1,
+      )
+    : [];
 
   const params: BackendMetricsCall<any>["params"] = {
     timeFilter,

web/lib/clients/jawnTypes/public.ts

@@ -2,10 +2,6 @@ type JsonValue = string | number | boolean | null | JsonArray | JsonObject;
 interface JsonArray extends Array<JsonValue> {}
 interface JsonObject { [key: string]: JsonValue; }
 
-type JsonValue = string | number | boolean | null | JsonArray | JsonObject;
-interface JsonArray extends Array<JsonValue> {}
-interface JsonObject { [key: string]: JsonValue; }
-
 /**
  * This file was auto-generated by openapi-typescript.
  * Do not make direct changes to the file.