From b6f9968a46e75d09f8024e4c128bce4221680b64 Mon Sep 17 00:00:00 2001
From: Flycro <flycro@live.de>
Date: Sat, 23 Mar 2024 19:01:47 +0100
Subject: [PATCH] feat: Confetti on Deadline Confirm

---
 nuxt/components/modal/ConfirmUserDeadline.vue | 9 ++++++++-
 package.json                                  | 1 +
 pnpm-lock.yaml                                | 7 +++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/nuxt/components/modal/ConfirmUserDeadline.vue b/nuxt/components/modal/ConfirmUserDeadline.vue
index 9c79eb2..0ddbcc6 100644
--- a/nuxt/components/modal/ConfirmUserDeadline.vue
+++ b/nuxt/components/modal/ConfirmUserDeadline.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import party from 'party-js'
+
 const props = defineProps<{
   userDeadlineId: number
 }>()
@@ -23,6 +25,11 @@ const { refresh: onConfirmDeadline, status } = useFetch<any>(() => `user-deadlin
     }
   },
 })
+
+function confirmDeadline(event) {
+  party.confetti(event)
+  onConfirmDeadline()
+}
 </script>
 
 <template>
@@ -38,7 +45,7 @@ const { refresh: onConfirmDeadline, status } = useFetch<any>(() => `user-deadlin
     }"
   >
     <template #footer>
-      <UButton color="primary" label="Abschließen" :loading="status === 'pending'" @click="onConfirmDeadline" />
+      <UButton color="primary" label="Abschließen" :loading="status === 'pending'" @click="confirmDeadline" />
       <UButton color="white" label="Abbrechen" @click="isOpen = false" />
     </template>
   </UDashboardModal>
diff --git a/package.json b/package.json
index fa82c24..fdf2c10 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
   },
   "dependencies": {
     "laravel-echo": "^1.16.0",
+    "party-js": "^2.2.0",
     "pusher-js": "8.4.0-rc2"
   }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bc684cb..2b7bb8e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ dependencies:
   laravel-echo:
     specifier: ^1.16.0
     version: 1.16.0
+  party-js:
+    specifier: ^2.2.0
+    version: 2.2.0
   pusher-js:
     specifier: 8.4.0-rc2
     version: 8.4.0-rc2
@@ -7176,6 +7179,10 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /party-js@2.2.0:
+    resolution: {integrity: sha512-50hGuALCpvDTrQLPQ1fgUgxKIWAH28ShVkmeK/3zhO0YJyCqkhrZhQEkWPxDYLvbFJ7YAXyROmFEu35gKpZLtQ==}
+    dev: false
+
   /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}