From 60fabb33bee9f11d94122eddf9c8c10240424fe7 Mon Sep 17 00:00:00 2001
From: Jason Woodland <me@jasonwoodland.com>
Date: Fri, 17 Jun 2022 03:17:48 +1000
Subject: [PATCH] fix(mobile): bottom nav bar state (#3662)

---
 components/views/navigation/mobile/nav/Nav.html | 8 ++++----
 components/views/navigation/mobile/nav/Nav.vue  | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/views/navigation/mobile/nav/Nav.html b/components/views/navigation/mobile/nav/Nav.html
index c59c2836ee..3014ab4943 100644
--- a/components/views/navigation/mobile/nav/Nav.html
+++ b/components/views/navigation/mobile/nav/Nav.html
@@ -1,24 +1,24 @@
 <div id="mobile-nav">
   <div>
-    <home-icon size="1x" v-on:click="navigateToHome" />
+    <home-icon size="1x" @click="navigateToHome" />
   </div>
   <div
     :class="`${$route.path.includes('/files') ? 'active' : ''}`"
     data-cy="mobile-nav-files"
   >
-    <folder-icon size="1x" v-on:click="() => $router.push('/files/browse')" />
+    <folder-icon size="1x" @click="navigateToFiles" />
   </div>
   <div data-cy="mobile-nav-marketplace">
     <shopping-bag-icon size="1x" @click="toggleModal" />
   </div>
   <div :class="`${$route.path.includes('/friends') ? 'active' : ''}`">
-    <users-icon size="1x" v-on:click="navigateToFriend" />
+    <users-icon size="1x" @click="navigateToFriend" />
   </div>
   <div
     :class="`${$route.path.includes('/settings') ? 'active' : ''}`"
     data-cy="mobile-nav-settings"
   >
-    <div v-on:click="$store.commit('ui/toggleSettings',  { show: true })">
+    <div @click="$store.commit('ui/toggleSettings',  { show: true })">
       <UiUserState
         :user="{address: accounts.active, state: accounts.details.state}"
         :src="src"
diff --git a/components/views/navigation/mobile/nav/Nav.vue b/components/views/navigation/mobile/nav/Nav.vue
index 01893bba9b..d36d73e425 100644
--- a/components/views/navigation/mobile/nav/Nav.vue
+++ b/components/views/navigation/mobile/nav/Nav.vue
@@ -41,8 +41,7 @@ export default Vue.extend({
      * @description Navigate to chat "/chat/direct" without specific user
      */
     navigateToHome() {
-      this.$store.commit('ui/showSidebar', true)
-      this.$store.commit('ui/setSwiperSlideIndex', 0)
+      this.$store.commit('ui/setSwiperSlideIndex', 1)
       this.$router.push('/chat/direct')
     },
     /**
@@ -54,6 +53,9 @@ export default Vue.extend({
       this.$store.commit('ui/showSidebar', false)
       this.$router.push('/friends/list')
     },
+    navigateToFiles() {
+      this.$router.push('/files/browse')
+    },
   },
 })
 </script>