chore: extract handleError function (#1078)

ui/src/components/ticket/TicketActionBar.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import Icon from '@/components/Icon.vue'
 import TicketCloseDialog from '@/components/ticket/TicketCloseDialog.vue'
-import TicketDeleteDialog from '@/components/ticket/TicketDeleteDialog.vue'
 import TicketUserSelect from '@/components/ticket/TicketUserSelect.vue'
 import { Button } from '@/components/ui/button'
 import {
@@ -10,7 +9,6 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from '@/components/ui/dropdown-menu'
-import { toast } from '@/components/ui/toast'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 
 import { Check, CircleDot, Repeat } from 'lucide-vue-next'
@@ -21,6 +19,7 @@ import { useRouter } from 'vue-router'
 
 import { pb } from '@/lib/pocketbase'
 import type { Ticket, Type } from '@/lib/types'
+import { handleError } from '@/lib/utils'
 
 const queryClient = useQueryClient()
 const router = useRouter()
@@ -51,13 +50,7 @@ const changeTypeMutation = useMutation({
     queryClient.invalidateQueries({ queryKey: ['tickets'] })
     router.push({ name: 'tickets', params: { type: data.type, id: props.ticket.id } })
   },
-  onError: (error) => {
-    toast({
-      title: error.name,
-      description: error.message,
-      variant: 'destructive'
-    })
-  }
+  onError: handleError
 })
 
 const closeTicketMutation = useMutation({
@@ -71,13 +64,7 @@ const closeTicketMutation = useMutation({
       router.push({ name: 'tickets', params: { type: props.ticket.expand.type.id } })
     }
   },
-  onError: (error) => {
-    toast({
-      title: error.name,
-      description: error.message,
-      variant: 'destructive'
-    })
-  }
+  onError: handleError
 })
 
 const otherTypes = computed(() => types.value?.filter((t) => t.id !== props.ticket.expand.type.id))