Use deleteDraftProject GQL mutation in admin page

sillsdev · May 13, 2024 · 35d2338 · 35d2338
1 parent 7489e09
commit 35d2338
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 4 deletions.
diff --git a/frontend/src/lib/gql/mutations.ts b/frontend/src/lib/gql/mutations.ts
@@ -1,4 +1,4 @@
-import type { $OpResult, DeleteUserByAdminOrSelfInput, DeleteUserByAdminOrSelfMutation, SoftDeleteProjectMutation } from './types';
+import type { $OpResult, DeleteUserByAdminOrSelfInput, DeleteUserByAdminOrSelfMutation, SoftDeleteProjectMutation, DeleteDraftProjectMutation } from './types';
 
 import { getClient } from './gql-client';
 import { graphql } from './generated';
@@ -55,3 +55,30 @@ export async function _deleteProject(projectId: string): $OpResult<SoftDeletePro
 
   return result;
 }
+
+export async function _deleteDraftProject(draftProjectId: string): $OpResult<DeleteDraftProjectMutation> {
+  //language=GraphQL
+  const result = await getClient()
+    .mutation(
+      graphql(`
+        mutation DeleteDraftProject($input: DeleteDraftProjectInput!) {
+          deleteDraftProject(input: $input) {
+            draftProject {
+              id,
+            }
+            errors {
+              ... on Error {
+                message
+              }
+            }
+          }
+        }
+      `),
+      {
+        input: { draftProjectId }
+      },
+      { additionalTypenames: ['Projects'] },
+    );
+
+  return result;
+}
diff --git a/frontend/src/routes/(authenticated)/admin/AdminProjects.svelte b/frontend/src/routes/(authenticated)/admin/AdminProjects.svelte
@@ -15,7 +15,7 @@
   import {DialogResponse} from '$lib/components/modals';
   import ConfirmDeleteModal from '$lib/components/modals/ConfirmDeleteModal.svelte';
   import {Button} from '$lib/forms';
-  import {_deleteProject} from '$lib/gql/mutations';
+  import {_deleteProject, _deleteDraftProject} from '$lib/gql/mutations';
   import t, {number} from '$lib/i18n';
   import {TrashIcon} from '$lib/icons';
   import {useNotifications} from '$lib/notify';
@@ -59,7 +59,7 @@
   $: shownProjects = limitResults ? limit(filteredProjects, lastLoadUsedActiveFilter ? DEFAULT_PAGE_SIZE : 10) : filteredProjects;
 
   let deleteProjectModal: ConfirmDeleteModal;
-  async function softDeleteProject(project: ProjectItemWithDraftStatus): Promise<void> {
+  async function softDeleteProject(project: ProjectItem): Promise<void> {
     const result = await deleteProjectModal.open(project.name, async () => {
       const { error } = await _deleteProject(project.id);
       return error?.message;
@@ -68,6 +68,22 @@
       notifyWarning($t('delete_project_modal.success', { name: project.name, code: project.code }));
     }
   }
+  async function deleteDraftProject(project: DraftProject): Promise<void> {
+    const result = await deleteProjectModal.open(project.name, async () => {
+      const { error } = await _deleteDraftProject(project.id);
+      return error?.message;
+    });
+    if (result.response === DialogResponse.Submit) {
+      notifyWarning($t('delete_project_modal.success', { name: project.name, code: project.code }));
+    }
+  }
+  function deleteProjectOrDraft(project: ProjectItemWithDraftStatus): Promise<void> {
+    if (project.isDraft) {
+      return deleteDraftProject(project)
+    } else {
+      return softDeleteProject(project);
+    }
+  }
 </script>
 
 <ConfirmDeleteModal bind:this={deleteProjectModal} i18nScope="delete_project_modal" />
@@ -117,7 +133,7 @@
           </button>
           <ul slot="content" class="menu">
             <li>
-              <button class="text-error whitespace-nowrap" on:click={() => softDeleteProject(project)}>
+              <button class="text-error whitespace-nowrap" on:click={() => deleteProjectOrDraft(project)}>
                 <TrashIcon />
                 {$t('delete_project_modal.submit')}
               </button>