refactor: get back to main (Toolbar)

Services/client/src/views/MainLayout.vue

@@ -2,7 +2,9 @@
 import { useLoader } from '@/stores/loader'
 import { storeToRefs } from 'pinia'
 import profile from '@/components/Profile.vue'
-
+import { useTreeDataStore } from '@/stores/tree-data'
+const { currentPath } = storeToRefs(useTreeDataStore())
+const { getFolder } = useTreeDataStore()
 const loaderStore = useLoader()
 const { loader } = storeToRefs(loaderStore)
 </script>
@@ -12,11 +14,27 @@ const { loader } = storeToRefs(loaderStore)
     <q-header class="bg-white text-black" bordered>
       <q-toolbar class="q-py-sm">
         <q-img
+          class="pointer"
           src="@/assets/logo.png"
           spinner-color="white"
           style="height: 32px; max-width: 32px"
+          @click="
+            () => {
+              currentPath = ''
+              getFolder(currentPath)
+            }
+          "
         />
-        <div class="column q-px-md" id="app-toolbar-title">
+        <div
+          class="column q-px-md pointer"
+          id="app-toolbar-title"
+          @click="
+            () => {
+              currentPath = ''
+              getFolder(currentPath)
+            }
+          "
+        >
           <span class="text-body1">ระบบทรัพยากรบุคคล</span>
           <span class="text-caption text-grey">
             จัดเก็บข้อมูลผลการประเมิน
@@ -41,4 +59,8 @@ const { loader } = storeToRefs(loaderStore)
 .q-layout {
   background: var(--q-secondary);
 }
+
+.pointer {
+  cursor: pointer;
+}
 </style>