From b9a7636ab8cd414e0a5bc1fd88d8085a815dc928 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Dec 2021 17:39:20 +0530
Subject: [PATCH] fix: update meta get and api get syntax in view component

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../project/viewTabs/viewSpreadsheet.vue      | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue b/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
index 45aa9fbe7f..dc9a3bb33d 100644
--- a/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
+++ b/packages/nc-gui/components/project/viewTabs/viewSpreadsheet.vue
@@ -297,7 +297,7 @@ export default {
     showExpandModal: false,
     selectedExpandRowIndex: null,
     selectedExpandRowMeta: null,
-    meta: null,
+    // meta: null,
     navDrawer: true,
     selected: {
       row: null,
@@ -343,12 +343,19 @@ export default {
     modelName: null
   }),
   computed: {
+    meta() {
+      return this.$store.state.meta.metas[this.table]
+    },
     sqlUi() {
       // todo: replace with correct client
       return SqlUI.create(this.nodes.dbConnection)
     },
     api() {
-      return ApiFactory.create(this.$store.getters['project/GtrProjectType'], (this.meta && this.meta._tn) || this.table, this.meta && this.meta.columns, this, this.meta)
+      return this.meta && this.$ncApis.get({
+        env: this.nodes.env,
+        dbAlias: this.nodes.dbAlias,
+        table: this.meta.tn
+      })
     },
     edited() {
       return this.data && this.data.some(r => r.rowMeta && (r.rowMeta.new || r.rowMeta.changed))
@@ -532,13 +539,21 @@ export default {
 
     async loadMeta() {
       this.loadingMeta = true
-      const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+
+      await this.$store.dispatch('meta/ActLoadMeta', {
         env: this.nodes.env,
-        dbAlias: this.nodes.dbAlias
-      }, 'tableXcModelGet', {
-        tn: this.table
-      }])
-      this.meta = JSON.parse(tableMeta.meta)
+        dbAlias: this.nodes.dbAlias,
+        tn: this.table,
+        force: true
+      })
+
+      // const tableMeta = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+      //   env: this.nodes.env,
+      //   dbAlias: this.nodes.dbAlias
+      // }, 'tableXcModelGet', {
+      //   tn: this.table
+      // }])
+      // this.meta = JSON.parse(tableMeta.meta)
       this.loadingMeta = false
     },
     async loadTableData() {