From ede2421ba7b75b364124075b07646763be810682 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 25 Aug 2021 15:55:11 +0530
Subject: [PATCH] feat: show alias instead of table name

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../project/spreadsheet/components/expandedForm.vue    | 10 ++++++++--
 .../project/spreadsheet/components/headerCell.vue      |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
index c414c8c888..21ab4f76da 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
@@ -6,7 +6,13 @@
           <v-icon :color="iconColor">
             mdi-table-arrow-right
           </v-icon>
-          {{ table }} : {{ localState[primaryValueColumn] }}
+
+          <template v-if="meta">
+            {{ meta._tn }}
+          </template>
+          <template v-else>
+            {{ table }}
+          </template> : {{ localState[primaryValueColumn] }}
         </h5>
         <v-spacer />
         <v-btn small text @click="reload">
@@ -329,7 +335,7 @@ export default {
       return Object.values(this.changedColumns).some(Boolean)
     },
     localBreadcrumbs() {
-      return [...this.breadcrumbs, `${this.table} (${this.localState && this.localState[this.primaryValueColumn]})`]
+      return [...this.breadcrumbs, `${this.meta ? this.meta._tn : this.table} (${this.localState && this.localState[this.primaryValueColumn]})`]
     }
   },
   watch: {
diff --git a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
index 747e37fc32..4199c79c8c 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
@@ -158,6 +158,7 @@ export default {
           dbAlias: this.nodes.dbAlias
         }, 'tableUpdate', {
           tn: this.nodes.tn,
+          _tn: this.meta._tn,
           originalColumns: this.meta.columns,
           columns
         }])