From cbf6cc567fc9522c7705724d7e6ae1eb0926f94d Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 18:55:14 +0530
Subject: [PATCH] fix(gui): on updating/saving in nested level expanded-form
 reload all ancestor level data

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/expanded-form/index.vue    | 12 ++++++++++++
 packages/nc-gui/composables/useExpandedFormStore.ts  |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 7badc55815..9c99a9882b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -79,6 +79,18 @@ const onClose = () => {
   if (row.value?.rowMeta?.new) emits('cancel')
   isExpanded.value = false
 }
+
+// override reload trigger and use it to reload grid and the form itself
+const reloadTrigger = inject(ReloadViewDataHookInj)!
+
+const reloadHook = createEventHook()
+
+reloadHook.on(() => {
+  loadRow()
+  reloadTrigger?.trigger()
+})
+
+provide(ReloadViewDataHookInj, reloadHook)
 </script>
 
 <script lang="ts">
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index b6664cf0a3..b45dd1b501 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -30,6 +30,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
   const { sharedView } = useSharedView() as Record<string, any>
+  const reloadTrigger = inject(ReloadViewDataHookInj)!
 
   // todo
   // const activeView = inject(ActiveViewInj)
@@ -169,6 +170,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
       message.success(`${primaryValue.value || 'Row'} updated successfully.`)
 
       changedColumns.value = new Set()
+      reloadTrigger?.trigger()
     } catch (e: any) {
       message.error(`${t('msg.error.rowUpdateFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
     }