feat(encounter): update ui cancellation + integration

app/components/app/encounter/dropdown-action.vue

@@ -39,6 +39,13 @@ const linkItems: LinkItem[] = [
     },
     icon: 'i-lucide-circle-x',
   },
+  {
+    label: 'Hapus',
+    onClick: () => {
+      remove()
+    },
+    icon: 'i-lucide-trash',
+  },
 ]
 
 function detail() {
@@ -64,6 +71,12 @@ function cancel() {
   recAction.value = ActionEvents.showCancel
   recItem.value = props.rec
 }
+
+function remove() {
+  recId.value = props.rec.id || 0
+  recAction.value = ActionEvents.showConfirmDelete
+  recItem.value = props.rec
+}
 </script>
 
 <template>

app/components/content/encounter/list.vue

@@ -117,7 +117,7 @@ async function getPatientList() {
 
 // Handle confirmation result
 async function handleConfirmCancel(record: any, action: string) {
-  if (action === 'delete' && record?.id) {
+  if (action === 'deactivate' && record?.id) {
     try {
       const result = await cancelEncounter(record.id)
       if (result.success) {
@@ -287,14 +287,15 @@ onMounted(() => {
   <!-- Record Confirmation Modal -->
    <RecordConfirmation
     v-model:open="isRecordCancelOpen"
-    action="delete"
+    custom-title="Batalkan Kunjungan"
+    custom-message="Apakah anda yakin ingin membatalkan kunjungan pasien berikut?"
+    action="deactivate"
     :record="recItem"
     @confirm="handleConfirmCancel"
     @cancel="handleCancelConfirmation"
   >
     <template #default="{ record }">
       <div class="text-sm">
-        <p>Apakah anda yakin ingin membatalkan kunjungan pasien berikut?</p>
         <p v-if="record?.patient?.person?.name">
           <strong>Nama:</strong>
           {{ record.patient.person.name }}

app/services/_crud-base.ts

@@ -86,3 +86,16 @@ export async function remove(path: string, id: number | string, name: string = '
     throw new Error(`Failed to delete ${name}`)
   }
 }
+
+export async function custom(path: string, data: any, name: string = 'item') {
+  try {
+    const resp = await xfetch(`${path}`, 'PATCH', data)
+    const result: any = {}
+    result.success = resp.success
+    result.body = (resp.body as Record<string, any>) || {}
+    return result
+  } catch (error) {
+    console.error(`Error putting ${name}:`, error)
+    throw new Error(`Failed to put ${name}`)
+  }
+}

app/services/encounter.service.ts

@@ -30,7 +30,7 @@ export function remove(id: number | string) {
 
 export function cancel(id: number | string) {
   let url = `${path}/${id}/cancel`
-  return base.update(url, id, {}, name)
+  return base.custom(url, null, name)
 }
 
 export async function getValueLabelList(params: any = null): Promise<{ value: string; label: string }[]> {