From 3718613e2623de4ebc7e89b70fc787e133c6be53 Mon Sep 17 00:00:00 2001
From: Aaron Delasy <aaron@thelang.io>
Date: Tue, 22 Oct 2024 00:59:34 +0300
Subject: [PATCH] A way for admin to delete map during review

---
 app/admin/review/page.tsx | 19 +++++++++++++------
 app/prompts/page.tsx      |  6 ++----
 convex/maps.ts            |  9 +++++++++
 3 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/app/admin/review/page.tsx b/app/admin/review/page.tsx
index 2071686..b73e24a 100644
--- a/app/admin/review/page.tsx
+++ b/app/admin/review/page.tsx
@@ -12,16 +12,17 @@ import {
 } from "@/components/ui/card";
 import { api } from "@/convex/_generated/api";
 
-const Page = () => {
+export default function AdminReviewPage() {
   const isAdmin = useQuery(api.users.isAdmin);
   const maps = useQuery(api.maps.getMaps, { isReviewed: false });
   const adminApprovalMutation = useMutation(api.maps.approveMap);
+  const adminRejectMapMutation = useMutation(api.maps.rejectMap);
 
   if (isAdmin == true) {
     return (
       <div className="container mx-auto min-h-screen gap-8 py-12 pb-24">
         <h1 className="mb-6 text-center text-3xl font-bold">Review Maps</h1>
-        <div className="flex flex-col items-center justify-around gap-4">
+        <div className="grid grid-cols-[max-content_max-content] justify-center gap-4">
           {maps?.map((map) => (
             <Card key={map._id}>
               <CardHeader>
@@ -32,7 +33,7 @@ const Page = () => {
                 <Map map={map.grid} />
               </CardContent>
 
-              <CardFooter className="flex justify-center">
+              <CardFooter className="flex justify-center gap-2">
                 <Button
                   variant="outline"
                   onClick={async () => {
@@ -41,6 +42,14 @@ const Page = () => {
                 >
                   Approve
                 </Button>
+                <Button
+                  variant="destructive"
+                  onClick={async () => {
+                    await adminRejectMapMutation({ mapId: map._id });
+                  }}
+                >
+                  Reject
+                </Button>
               </CardFooter>
             </Card>
           ))}
@@ -50,6 +59,4 @@ const Page = () => {
   }
 
   return <div>Not an admin</div>;
-};
-
-export default Page;
+}
diff --git a/app/prompts/page.tsx b/app/prompts/page.tsx
index 91b4dc3..466feeb 100644
--- a/app/prompts/page.tsx
+++ b/app/prompts/page.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/table";
 import { api } from "@/convex/_generated/api";
 
-const Page = () => {
+export default function PromptsPage() {
   const prompts = useQuery(api.prompts.getAllPrompts);
   const enablePrompt = useMutation(api.prompts.enablePrompt);
   const deletePrompt = useMutation(api.prompts.deletePrompt);
@@ -91,6 +91,4 @@ const Page = () => {
       </div>
     </div>
   );
-};
-
-export default Page;
+}
diff --git a/convex/maps.ts b/convex/maps.ts
index 003dc04..f824bf4 100644
--- a/convex/maps.ts
+++ b/convex/maps.ts
@@ -244,6 +244,15 @@ export const approveMap = adminMutationBuilder({
   },
 });
 
+export const rejectMap = adminMutationBuilder({
+  args: {
+    mapId: v.id("maps"),
+  },
+  handler: async (ctx, args) => {
+    await ctx.db.delete(args.mapId);
+  },
+});
+
 export const getMapByLevel = query({
   args: { level: v.number() },
   handler: async (ctx, args) => {