From e991193a5572e25ac24883fb91fa48070d9fdd1a Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 5 Aug 2022 17:34:56 +0530
Subject: [PATCH] refactor(gui-v2): move component into a folder

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/expanded-form/Comments.vue        | 16 ++++++++++++++++
 .../index.vue}                                   |  6 ++----
 .../composables/useExpandedFormStore.ts          | 16 ++++++++++++++++
 3 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 packages/nc-gui-v2/components/smartsheet/expanded-form/Comments.vue
 rename packages/nc-gui-v2/components/smartsheet/{ExpandedForm.vue => expanded-form/index.vue} (96%)
 create mode 100644 packages/nc-gui-v2/composables/useExpandedFormStore.ts

diff --git a/packages/nc-gui-v2/components/smartsheet/expanded-form/Comments.vue b/packages/nc-gui-v2/components/smartsheet/expanded-form/Comments.vue
new file mode 100644
index 0000000000..e06d4d5269
--- /dev/null
+++ b/packages/nc-gui-v2/components/smartsheet/expanded-form/Comments.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+const loadComments = async () => {
+  const data = await this.$api.utils.commentList({
+    row_id: this.meta.columns
+      .filter((c) => c.pk)
+      .map((c) => this.localState[c.title])
+      .join('___'),
+    fk_model_id: this.meta.id,
+    comments_only: this.commentsOnly,
+  })
+}
+</script>
+
+<template></template>
+
+<style scoped></style>
diff --git a/packages/nc-gui-v2/components/smartsheet/ExpandedForm.vue b/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
similarity index 96%
rename from packages/nc-gui-v2/components/smartsheet/ExpandedForm.vue
rename to packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
index 06370bd0ae..0861f503e7 100644
--- a/packages/nc-gui-v2/components/smartsheet/ExpandedForm.vue
+++ b/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
@@ -58,9 +58,7 @@ const drawerToggleIcon = computed(() => (commentsDrawer.value ? MdiDoorOpen : Md
         </div>
 
         <div class="nc-comments-drawer min-w-0 h-full" :class="{ active: commentsDrawer }">
-          <div class="w-[250px]">
-            dsdsssdsdsdd
-          </div>
+          <div class="w-[250px]">dsdsssdsdsdd</div>
         </div>
       </div>
     </a-card>
@@ -73,7 +71,7 @@ const drawerToggleIcon = computed(() => (commentsDrawer.value ? MdiDoorOpen : Md
 }
 
 :deep(.ant-modal-body) {
-  @apply !bg-gray-100
+  @apply !bg-gray-100;
 }
 
 .nc-comments-drawer {
diff --git a/packages/nc-gui-v2/composables/useExpandedFormStore.ts b/packages/nc-gui-v2/composables/useExpandedFormStore.ts
new file mode 100644
index 0000000000..ba557bc712
--- /dev/null
+++ b/packages/nc-gui-v2/composables/useExpandedFormStore.ts
@@ -0,0 +1,16 @@
+import { useInjectionState,  } from '#imports'
+
+const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState(() => {
+
+},'expanded-form-store')
+
+
+
+
+export { useProvideExpandedFormStore }
+
+export function useExpandedFormStoreOrThrow() {
+  const expandedFormStore = useExpandedFormStore()
+  if (expandedFormStore == null) throw new Error('Please call `useExpandedFormStore` on the appropriate parent component')
+  return expandedFormStore
+}