fix: improve admin panel performance

Author: LeafdTK

lark-ui/src/routes/admin/+page.server.ts

@@ -22,34 +22,31 @@ export const load: PageServerLoad = async ({ fetch }) => {
     throw redirect(302, '/app/projects');
   }
 
-  const [submissionsResponse, projectsResponse, usersResponse, metricsResponse, shopItemsResponse, shopTransactionsResponse] = await Promise.all([
-    fetch(`${apiUrl}/api/admin/submissions`, { credentials: 'include' }),
-    fetch(`${apiUrl}/api/admin/projects`, { credentials: 'include' }),
-    fetch(`${apiUrl}/api/admin/users`, { credentials: 'include' }),
-    fetch(`${apiUrl}/api/admin/metrics`, { credentials: 'include' }),
-    fetch(`${apiUrl}/api/shop/admin/items`, { credentials: 'include' }),
-    fetch(`${apiUrl}/api/shop/admin/transactions`, { credentials: 'include' }),
-  ]);
-
-  if (!submissionsResponse.ok || !projectsResponse.ok || !usersResponse.ok || !metricsResponse.ok) {
-    throw error(500, 'Failed to load admin resources');
-  }
+  let metrics = {
+    totalHackatimeHours: 0,
+    totalApprovedHours: 0,
+    totalUsers: 0,
+    totalProjects: 0,
+    totalSubmittedHackatimeHours: 0,
+  };
 
-  const submissions = await submissionsResponse.json();
-  const projects = await projectsResponse.json();
-  const users = await usersResponse.json();
-  const metrics = await metricsResponse.json();
-  const shopItems = shopItemsResponse.ok ? await shopItemsResponse.json() : [];
-  const shopTransactions = shopTransactionsResponse.ok ? await shopTransactionsResponse.json() : [];
+  try {
+    const metricsResponse = await fetch(`${apiUrl}/api/admin/metrics`, { credentials: 'include' });
+    if (metricsResponse.ok) {
+      const metricsData = await metricsResponse.json();
+      metrics = metricsData.totals ?? metricsData;
+    }
+  } catch {
+  }
 
   return {
     user,
-    submissions,
-    projects,
-    users,
-    metrics: metrics.totals ?? metrics,
-    shopItems,
-    shopTransactions,
+    submissions: [],
+    projects: [],
+    users: [],
+    metrics,
+    shopItems: [],
+    shopTransactions: [],
     apiUrl,
   };
 };

lark-ui/src/routes/admin/+page.svelte

@@ -190,10 +190,11 @@ let metrics = $state<AdminMetrics>(
 let shopItems = $state<ShopItem[]>(data.shopItems ?? []);
 let shopTransactions = $state<ShopTransaction[]>(data.shopTransactions ?? []);
 
-let submissionsLoaded = $state((data.submissions?.length ?? 0) > 0);
-let projectsLoaded = $state((data.projects?.length ?? 0) > 0);
-let usersLoaded = $state((data.users?.length ?? 0) > 0);
-let shopLoaded = $state((data.shopItems?.length ?? 0) > 0 || (data.shopTransactions?.length ?? 0) > 0);
+let submissionsLoaded = $state(false);
+let projectsLoaded = $state(false);
+let usersLoaded = $state(false);
+let shopLoaded = $state(false);
+let initialLoadDone = $state(false);
 
 let searchQuery = $state('');
 let selectedStatuses = $state<Set<string>>(new Set());
@@ -1043,6 +1044,13 @@ async function recalculateAllProjectsHours() {
 		}
 	}
 
+$effect(() => {
+	if (!initialLoadDone && typeof window !== 'undefined') {
+		initialLoadDone = true;
+		loadSubmissions(true);
+	}
+});
+
 $effect(() => {
 	if (submissions.length === 0) {
 		return;

owl-api/src/auth/auth.service.ts

@@ -140,6 +140,9 @@ export class AuthService {
         otpCode: otp,
         otpExpiresAt: { gt: new Date() },
         isVerified: false,
+        user: {
+          email: email,
+        },
       },
       include: { user: true },
     });