From b6e8d83c3b0ff65417c482c649ac98d24b8e5a12 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 8 Aug 2025 17:56:07 +0530
Subject: [PATCH] fix: enhance event submission logic to show details after
 successful insert and update

---
 frontend/src/pages/Calendar.vue | 62 +++++++++++++++------------------
 1 file changed, 28 insertions(+), 34 deletions(-)

diff --git a/frontend/src/pages/Calendar.vue b/frontend/src/pages/Calendar.vue
index e1863092..287a25d6 100644
--- a/frontend/src/pages/Calendar.vue
+++ b/frontend/src/pages/Calendar.vue
@@ -155,13 +155,17 @@ const events = createListResource({
     })
   },
   insert: {
-    onSuccess: () => events.reload(),
-  },
-  delete: {
-    onSuccess: () => events.reload(),
+    onSuccess: async (e) => {
+      await events.reload()
+      showDetails({ id: e.name })
+    },
   },
+  delete: { onSuccess: () => events.reload() },
   setValue: {
-    onSuccess: () => events.reload(),
+    onSuccess: async (e) => {
+      await events.reload()
+      showEventPanel.value && showDetails({ id: e.name })
+    },
   },
 })
 
@@ -180,41 +184,31 @@ function saveEvent(_event) {
 function createEvent(_event) {
   if (!_event.title) return
 
-  events.insert.submit(
-    {
-      subject: _event.title,
-      description: _event.description,
-      starts_on: _event.fromDate + ' ' + _event.fromTime,
-      ends_on: _event.toDate + ' ' + _event.toTime,
-      all_day: _event.isFullDay || false,
-      event_type: _event.eventType,
-      color: _event.color,
-    },
-    { onSuccess: (e) => showDetails({ id: e.name }) },
-  )
+  events.insert.submit({
+    subject: _event.title,
+    description: _event.description,
+    starts_on: _event.fromDate + ' ' + _event.fromTime,
+    ends_on: _event.toDate + ' ' + _event.toTime,
+    all_day: _event.isFullDay || false,
+    event_type: _event.eventType,
+    color: _event.color,
+  })
 }
 
 function updateEvent(_event) {
   if (!_event.id) return
 
   if (!mode.value || mode.value === 'edit' || mode.value === 'details') {
-    events.setValue.submit(
-      {
-        name: _event.id,
-        subject: _event.title,
-        description: _event.description,
-        starts_on: _event.fromDate + ' ' + _event.fromTime,
-        ends_on: _event.toDate + ' ' + _event.toTime,
-        all_day: _event.isFullDay,
-        event_type: _event.eventType,
-        color: _event.color,
-      },
-      {
-        onSuccess: (e) => {
-          showEventPanel.value && showDetails({ id: e.name })
-        },
-      },
-    )
+    events.setValue.submit({
+      name: _event.id,
+      subject: _event.title,
+      description: _event.description,
+      starts_on: _event.fromDate + ' ' + _event.fromTime,
+      ends_on: _event.toDate + ' ' + _event.toTime,
+      all_day: _event.isFullDay,
+      event_type: _event.eventType,
+      color: _event.color,
+    })
   }
 
   event.value = _event