add button to delete claimed items (#90)

* add button to delete claimed items

* lint

Author: cmintey

src/lib/api/items.ts

@@ -62,7 +62,10 @@ export class ItemsAPI {
         return await fetch(`/api/items${path}`, options);
     };
 
-    delete = async (groupId?: string) => {
-        return await this._makeRequest("DELETE", groupId ? `?groupId=${groupId}` : "");
+    delete = async (groupId?: string, claimed?: boolean) => {
+        const searchParams = new URLSearchParams();
+        if (groupId) searchParams.append("groupId", groupId);
+        if (claimed) searchParams.append("claimed", `${claimed}`);
+        return await this._makeRequest("DELETE", "?" + searchParams.toString());
     };
 }

src/lib/components/admin/Actions/ClearListsButton.svelte

@@ -4,6 +4,7 @@
     import { getModalStore, getToastStore, type ModalSettings } from "@skeletonlabs/skeleton";
 
     export let groupId: string | undefined = undefined;
+    export let claimed: boolean = false;
 
     const modalStore = getModalStore();
     const toastStore = getToastStore();
@@ -13,13 +14,13 @@
         const settings: ModalSettings = {
             type: "confirm",
             title: "Please Confirm",
-            body: `Are you sure you wish to clear all wishlists ${
-                groupId ? "" : "across <b>all groups</b>"
+            body: `Are you sure you wish to clear ${claimed ? "claimed items" : "all wishlists"} ${
+                groupId ? "in this group" : "across <b>all groups</b>"
             }? <b>This action is irreversible!</b>`,
             // confirm = TRUE | cancel = FALSE
             response: async (r: boolean) => {
                 if (r) {
-                    const resp = await itemsAPI.delete(groupId);
+                    const resp = await itemsAPI.delete(groupId, claimed);
 
                     if (resp.ok) {
                         invalidateAll();
@@ -45,5 +46,6 @@
 </script>
 
 <button class="variant-filled-error btn w-fit" type="button" on:click={handleDelete}>
-    Clear {groupId ? "" : "All"} Lists
+    Clear {groupId ? "" : "All"}
+    {claimed ? "Claimed Items" : "Lists"}
 </button>

src/lib/components/admin/ActionsForm.svelte

@@ -4,4 +4,5 @@
 
 <div class="flex space-x-2">
     <ClearListsButton />
+    <ClearListsButton claimed />
 </div>

src/routes/admin/groups/[groupId]/members/+page.svelte

@@ -122,5 +122,6 @@
     <div>
         <button class="variant-filled-error btn w-fit" on:click={deleteGroup}>Delete Group</button>
         <ClearListsButton groupId={$page.params.groupId} />
+        <ClearListsButton claimed groupId={$page.params.groupId} />
     </div>
 </div>

src/routes/api/items/+server.ts

@@ -6,6 +6,7 @@ import { _authCheck } from "../groups/[groupId]/auth";
 
 export const DELETE: RequestHandler = async ({ locals, request }) => {
     const groupId = new URL(request.url).searchParams.get("groupId");
+    const claimed = new URL(request.url).searchParams.get("claimed");
     if (groupId) {
         const { authenticated } = await _authCheck(locals.validate, groupId);
         if (!authenticated) {
@@ -24,7 +25,8 @@ export const DELETE: RequestHandler = async ({ locals, request }) => {
     try {
         const items = await client.item.deleteMany({
             where: {
-                groupId: groupId ? groupId : undefined
+                groupId: groupId ? groupId : undefined,
+                pledgedById: claimed && Boolean(claimed) ? { not: null } : undefined
             }
         });
         return new Response(JSON.stringify(items), { status: 200 });