From 48b7c9a0af6270addcd73c6ebbae1c43b30902fe Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Mon, 6 Dec 2021 13:45:50 +0100
Subject: [PATCH] Delete button sends call to Adminresolver
 deletePendingCreation.

---
 admin/src/graphql/deletePendingCreation.js    |  7 ++++++
 admin/src/pages/CreationConfirm.vue           | 23 +++++++++++++++----
 backend/src/graphql/resolver/AdminResolver.ts |  5 ++--
 3 files changed, 27 insertions(+), 8 deletions(-)
 create mode 100644 admin/src/graphql/deletePendingCreation.js

diff --git a/admin/src/graphql/deletePendingCreation.js b/admin/src/graphql/deletePendingCreation.js
new file mode 100644
index 000000000..e47fa6a8d
--- /dev/null
+++ b/admin/src/graphql/deletePendingCreation.js
@@ -0,0 +1,7 @@
+import gql from 'graphql-tag'
+
+export const deletePendingCreation = gql`
+  mutation ($id: Float!) {
+    deletePendingCreation(id: $id)
+  }
+`
diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index 3aef891eb..d8094ca69 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -12,6 +12,7 @@
 <script>
 import UserTable from '../components/UserTable.vue'
 import { getPendingCreations } from '../graphql/getPendingCreations'
+import { deletePendingCreation } from '../graphql/deletePendingCreation'
 
 export default {
   name: 'CreationConfirm',
@@ -57,11 +58,23 @@ export default {
 
         findArr = this.confirmResult.find((arr) => arr.id === e.id)
 
-        index = this.confirmResult.indexOf(findArr)
-
-        this.confirmResult.splice(index, 1)
-
-        this.$store.commit('openCreationsMinus', 1)
+        // console.log('findArr', findArr)
+        this.$apollo
+          .mutate({
+            mutation: deletePendingCreation,
+            variables: {
+              id: findArr.id,
+            },
+          })
+          .then((result) => {
+            index = this.confirmResult.indexOf(findArr)
+            this.confirmResult.splice(index, 1)
+            this.$store.commit('openCreationsMinus', 1)
+            this.$toasted.success('Pending Creation has been deleted')
+          })
+          .catch((error) => {
+            this.$toasted.error(error.message)
+          })
       }
     },
     getPendingCreations() {
diff --git a/backend/src/graphql/resolver/AdminResolver.ts b/backend/src/graphql/resolver/AdminResolver.ts
index 7394de5e0..15d128f0f 100644
--- a/backend/src/graphql/resolver/AdminResolver.ts
+++ b/backend/src/graphql/resolver/AdminResolver.ts
@@ -130,9 +130,8 @@ export class AdminResolver {
   @Mutation(() => Boolean)
   async deletePendingCreation(@Arg('id') id: number): Promise<boolean> {
     const pendingCreationRepository = getCustomRepository(PendingCreationRepository)
-    const entity = await pendingCreationRepository.findOne(id)
-    if (!entity) throw new Error('Not pending creation with this id.')
-    const res = await pendingCreationRepository.manager.remove(entity)
+    const entity = await pendingCreationRepository.findOneOrFail(id)
+    const res = await pendingCreationRepository.delete(entity)
     return !!res
   }
 }