From d1f89495b5adae84dc8972bca4d4260896076b72 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 10 Jul 2022 11:41:34 +0200
Subject: [PATCH] feat(gui-v2): navigate to subpages on icon click

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/nc-gui-v2/pages/projects/index.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/pages/projects/index.vue b/packages/nc-gui-v2/pages/projects/index.vue
index 76e94642d4..fd02ff7bc5 100644
--- a/packages/nc-gui-v2/pages/projects/index.vue
+++ b/packages/nc-gui-v2/pages/projects/index.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { navigateTo } from '#app'
 import MaterialSymbolsFormatListBulletedRounded from '~icons/material-symbols/format-list-bulleted-rounded'
 import MaterialSymbolsGridView from '~icons/material-symbols/grid-view'
 
@@ -55,8 +56,14 @@ const navDrawerOptions = [
         </h2>
 
         <div class="self-end flex text-xl">
-          <MaterialSymbolsFormatListBulletedRounded class="cursor-pointer p-1 hover:bg-gray-300/50 rounded-full" />
-          <MaterialSymbolsGridView class="cursor-pointer p-1 hover:bg-gray-300/50 rounded-full" />
+          <MaterialSymbolsFormatListBulletedRounded
+            class="cursor-pointer p-1 hover:bg-gray-300/50 rounded-full"
+            @click="navigateTo('/projects')"
+          />
+          <MaterialSymbolsGridView
+            class="cursor-pointer p-1 hover:bg-gray-300/50 rounded-full"
+            @click="navigateTo('/projects/list')"
+          />
         </div>
       </div>
       <v-divider class="mb-3" />
@@ -65,4 +72,3 @@ const navDrawerOptions = [
     </v-container>
   </NuxtLayout>
 </template>
-