🥽 Split manager table and export data (#467)

src/app/moderator/applications/exportSubmissions.tsx → src/app/api/exports/submissions/route.ts

@@ -1,25 +1,16 @@
-import { getModeratorPanelApplications } from "@/drizzle/queries/applications";
-import * as csv from "csv/sync";
+import { notFound } from "next/navigation";
+import { NextResponse } from "next/server";
+import { getApplicationsExport } from "@/drizzle/queries/applications";
+import { stringify } from "csv/sync";
 
-import { Button } from "@/components/ui/button";
+import { userHasRole, UserPermission } from "@/config/userPermissions";
 
-export async function ExportSubmissions() {
-  const csvData = await getCsvData();
-
-  return (
-    <Button asChild>
-      <a
-        download="submissionData.csv"
-        href={`data:text/csv;charset=utf-8,${encodeURIComponent(csvData)}`}
-      >
-        Export submissions
-      </a>
-    </Button>
-  );
-}
-
-async function getCsvData() {
-  const applications = await getModeratorPanelApplications();
+export async function GET() {
+  const isModerator = await userHasRole(UserPermission.moderator);
+  if (!isModerator) {
+    throw notFound();
+  }
+  const applications = await getApplicationsExport();
 
   const csvData: any = [
     [
@@ -67,5 +58,5 @@ async function getCsvData() {
     ]);
   }
 
-  return csv.stringify(csvData);
+  return new NextResponse(stringify(csvData));
 }

src/app/moderator/applications/page.tsx

@@ -1,12 +1,13 @@
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
+import { urls } from "@/constants/urls";
 import { getModeratorPanelApplications } from "@/drizzle/queries/applications";
 
 import { userHasRole, UserPermission } from "@/config/userPermissions";
+import { Button } from "@/components/ui/button";
 import { ModeratorNavigation } from "@/components/ui/moderatorNavigation";
 import { PageHeader } from "@/components/ui/pageHeader";
 
-import { ExportSubmissions } from "./exportSubmissions";
 import { Submissions } from "./submissions";
 
 export const metadata: Metadata = {
@@ -23,7 +24,11 @@ export default async function ReviewersPage() {
   return (
     <div className="flex flex-col gap-4">
       <PageHeader title="Manage">
-        <ExportSubmissions />
+        <Button asChild>
+          <a download="submissionsData.csv" href={urls.exports.submissions}>
+            Export submissions
+          </a>
+        </Button>
       </PageHeader>
       <ModeratorNavigation />
 

src/constants/urls.ts

@@ -39,4 +39,7 @@ export const urls = {
     loginCallback: "/api/loginCallback",
     logout: "/api/auth/logout",
   },
+  exports: {
+    submissions: "/api/exports/submissions",
+  },
 } as const;

src/drizzle/queries/applications.ts

@@ -101,38 +101,65 @@ function countApplicationValue(value: ContentValue) {
   );
 }
 
+const tableVisibleFields = {
+  id: Application.id,
+  name: Application.name,
+  entityName: Application.entityName,
+  budget: Application.budget,
+  createdAt: Application.createdAt,
+  user: { name: User.name, ethereumAddress: User.ethereumAddress },
+  userImage: {
+    id: Image.id,
+    placeholder: Image.placeholder,
+    width: Image.width,
+    height: Image.height,
+  },
+  category: {
+    id: Category.id,
+    name: Category.name,
+    color: Category.color,
+    description: Category.description,
+  },
+  helpfulCount: countApplicationValue(ContentValue.positive),
+  invalidCount: countApplicationValue(ContentValue.invalid),
+} as const;
+
 export const getModeratorPanelApplications = cache(async () => {
+  return db
+    .select(tableVisibleFields)
+    .from(Application)
+    .leftJoin(
+      ApplicationValue,
+      eq(Application.id, ApplicationValue.applicationId),
+    )
+    .innerJoin(User, eq(Application.userId, User.id))
+    .innerJoin(Category, eq(Application.categoryId, Category.id))
+    .leftJoin(Image, eq(User.imageId, Image.id))
+    .groupBy(
+      Application.id,
+      User.name,
+      User.ethereumAddress,
+      Category.id,
+      Category.name,
+      Category.color,
+      Category.description,
+      Image.id,
+    );
+});
+
+export const getApplicationsExport = cache(async () => {
   return db
     .select({
-      id: Application.id,
-      name: Application.name,
       summary: Application.summary,
-      entityName: Application.entityName,
       email: Application.email,
       duration: Application.duration,
-      budget: Application.budget,
       teamSummary: Application.teamSummary,
       idea: Application.idea,
       reason: Application.reason,
       state: Application.state,
       goals: Application.goals,
       requirements: Application.requirements,
-      createdAt: Application.createdAt,
-      user: { name: User.name, ethereumAddress: User.ethereumAddress },
-      userImage: {
-        id: Image.id,
-        placeholder: Image.placeholder,
-        width: Image.width,
-        height: Image.height,
-      },
-      category: {
-        id: Category.id,
-        name: Category.name,
-        color: Category.color,
-        description: Category.description,
-      },
-      helpfulCount: countApplicationValue(ContentValue.positive),
-      invalidCount: countApplicationValue(ContentValue.invalid),
+      ...tableVisibleFields,
     })
     .from(Application)
     .leftJoin(

src/types/Application.ts

@@ -1,6 +1,6 @@
 import {
-  getModeratorPanelApplications,
   type getApplicationWithComments,
+  type getModeratorPanelApplications,
 } from "@/drizzle/queries/applications";
 import { type getWaveWithApplications } from "@/drizzle/queries/waves";