From 2c00e76f3922cb82f96ed0cddd94d5acbd92d266 Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Sat, 7 Jan 2023 12:11:18 +0100
Subject: [PATCH] mobile optimisations - work on merging right and left sidebar
 (WIP)

---
 packages/nc-gui/components/dashboard/TreeView.vue         | 4 ++++
 packages/nc-gui/pages/[projectType]/[projectId]/index.vue | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 920e4a80b5..c572700888 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -31,6 +31,9 @@ import {
 import MdiView from '~icons/mdi/eye-circle-outline'
 import MdiTableLarge from '~icons/mdi/table-large'
 
+
+const emit = defineEmits(['clickedTableLink'])
+
 const { isMobileMode } = useGlobal()
 
 const { addTab, updateTab } = useTabs()
@@ -168,6 +171,7 @@ const reloadTables = async () => {
 }
 
 const addTableTab = (table: TableType) => {
+  emit('clickedTableLink')
   addTab({ title: table.title, id: table.id, type: table.type as TabType })
 }
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index 70018f6a17..fe70bcd7c0 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -202,6 +202,12 @@ onMounted(() => {
   toggleHasSidebar(true)
 })
 
+const onClickedTableLink = () => {
+  if (isMobileMode) {
+    showViewsMobileSidebar.value = true
+  }
+}
+
 onBeforeUnmount(reset)
 
 function openKeyboardShortcutDialog() {
@@ -598,7 +604,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
         <!-- v-show="isMobileRightSidebarOpen"  -->
         <!-- meta: {{  JSON.stringify(meta) }} <br />
         isMobileMode: {{  JSON.stringify(isMobileMode) }} <br /> -->
-        <LazyDashboardTreeView v-if="!(isMobileMode && showViewsMobileSidebar)" />
+        <LazyDashboardTreeView v-if="!(isMobileMode && showViewsMobileSidebar)" @clicked-table-link="onClickedTableLink" />
         <SmartsheetSidebarMobile v-if="meta && isMobileMode && showViewsMobileSidebar" class="nc-left-sidebar-mobile" />
       </a-layout-sider>
     </template>