From 1bdf7b486034a615ca78a886cf89272de1062709 Mon Sep 17 00:00:00 2001
From: niubility000 <76441520+niubility000@users.noreply.github.com>
Date: Thu, 14 Oct 2021 14:37:42 +0800
Subject: [PATCH] Add files via upload

---
 frontend/src/components/Sidebar.vue | 32 ++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/Sidebar.vue b/frontend/src/components/Sidebar.vue
index 109470dc..142dfafd 100644
--- a/frontend/src/components/Sidebar.vue
+++ b/frontend/src/components/Sidebar.vue
@@ -1,15 +1,15 @@
 <template>
   <nav :class="{ active }">
     <template v-if="isLogged">
-      <router-link
-        class="action"
-        to="/files/"
-        :aria-label="$t('sidebar.myFiles')"
-        :title="$t('sidebar.myFiles')"
+      <button
+         class="action"
+         @click="toRoot"
+         :aria-label="$t('sidebar.myFiles')"
+         :title="$t('sidebar.myFiles')"
       >
         <i class="material-icons">folder</i>
         <span>{{ $t("sidebar.myFiles") }}</span>
-      </router-link>
+      </button>
 
       <div v-if="user.perm.create">
         <button
@@ -34,15 +34,15 @@
       </div>
 
       <div>
-        <router-link
-          class="action"
-          to="/settings"
-          :aria-label="$t('sidebar.settings')"
-          :title="$t('sidebar.settings')"
+        <button
+           class="action"
+           @click="toSettings"
+           :aria-label="$t('sidebar.settings')"
+           :title="$t('sidebar.settings')"
         >
           <i class="material-icons">settings_applications</i>
           <span>{{ $t("sidebar.settings") }}</span>
-        </router-link>
+        </button>
 
         <button
           v-if="authMethod == 'json'"
@@ -125,6 +125,14 @@ export default {
     authMethod: () => authMethod,
   },
   methods: {
+    toRoot() {
+      this.$router.replace({ path: "/files/" });
+      this.$store.commit('closeHovers');
+    },
+    toSettings() {
+      this.$router.replace({ path: "/settings" });
+      this.$store.commit('closeHovers');
+    },
     help() {
       this.$store.commit("showHover", "help");
     },