Unified loading states.

src/app/api/websites/[websiteId]/event-data/[eventId]/route.ts

@@ -0,0 +1,25 @@
+import { parseRequest } from '@/lib/request';
+import { unauthorized, json } from '@/lib/response';
+import { canViewWebsite } from '@/lib/auth';
+import { getEventData } from '@/queries/sql/events/getEventData';
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ websiteId: string; eventId: string }> },
+) {
+  const { auth, error } = await parseRequest(request);
+
+  if (error) {
+    return error();
+  }
+
+  const { websiteId, eventId } = await params;
+
+  if (!(await canViewWebsite(auth, websiteId))) {
+    return unauthorized();
+  }
+
+  const data = await getEventData(eventId);
+
+  return json(data);
+}

src/app/api/websites/[websiteId]/stats/route.ts

@@ -45,19 +45,11 @@ export async function GET(
     endDate,
   });
 
-  const prevPeriod = await getWebsiteStats(websiteId, {
+  const previous = await getWebsiteStats(websiteId, {
     ...filters,
     startDate: compareStartDate,
     endDate: compareEndDate,
   });
 
-  const stats = Object.keys(metrics[0]).reduce((obj, key) => {
-    obj[key] = {
-      value: Number(metrics[0][key]) || 0,
-      prev: Number(prevPeriod[0][key]) || 0,
-    };
-    return obj;
-  }, {});
-
-  return json(stats);
+  return json({ ...metrics, previous });
 }