Merge pull request #2 from qin-guan/feat-delete-survey

qin-guan · Jul 17, 2023 · 633dbbb · 633dbbb
2 parents 76e18a4 + c349607
commit 633dbbb
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
@@ -17,7 +17,7 @@ useSeoMeta({
 
 const toast = useToast()
 const { $client } = useNuxtApp()
-const { data: surveys, pending: surveysPending, error: surveysError } = await $client.survey.list.useQuery(undefined, { lazy: true })
+const { data: surveys, pending: surveysPending, error: surveysError, refresh: surveyRefresh } = await $client.survey.list.useQuery(undefined, { lazy: true })
 const { data: pastWinners, pending: pastWinnersPending, error: pastWinnersError, refresh: pastWinnersRefresh } = await $client.luckyDraw.pastWinners.useQuery(undefined, { lazy: true })
 
 const visible = ref(false)
@@ -80,6 +80,24 @@ async function deleteWinner(id: string) {
     }
   }
 }
+
+async function deleteSurvey(id: string) {
+  try {
+    await $client.survey.delete.mutate({
+      id,
+    })
+    await surveyRefresh()
+  }
+  catch (err) {
+    console.error(err)
+    if (err instanceof TRPCClientError) {
+      toast.add({
+        severity: 'error',
+        summary: err.message,
+      })
+    }
+  }
+}
 </script>
 
 <template>
@@ -142,6 +160,7 @@ async function deleteWinner(id: string) {
               <NuxtLink :to="`/dashboard/surveys/${slotProps.data.id}`">
                 <Button label="Edit" size="small" link />
               </NuxtLink>
+              <Button label="Delete" size="small" link @click="deleteSurvey(slotProps.data.id)"/>
             </template>
           </Column>
         </DataTable>