From d0393668c950c66e6f758d290a3abfbad440cbbe Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Sat, 23 Nov 2019 22:20:35 +0530
Subject: [PATCH] breadcrumb: reset to main view on home icon click

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/components/header/ProjectMenu.vue | 2 +-
 ui/src/components/widgets/Breadcrumb.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/header/ProjectMenu.vue b/ui/src/components/header/ProjectMenu.vue
index 5fa92c8d957..6e48b8f2009 100644
--- a/ui/src/components/header/ProjectMenu.vue
+++ b/ui/src/components/header/ProjectMenu.vue
@@ -134,7 +134,7 @@ export default {
   }
 
   &-icon {
-    font-size: 20px;
+    font-size: 18px;
     line-height: 1;
     padding-top: 5px;
     padding-right: 5px;
diff --git a/ui/src/components/widgets/Breadcrumb.vue b/ui/src/components/widgets/Breadcrumb.vue
index 537e613df40..4fe2e6bd00d 100644
--- a/ui/src/components/widgets/Breadcrumb.vue
+++ b/ui/src/components/widgets/Breadcrumb.vue
@@ -22,7 +22,7 @@
         v-if="item && item.name"
         :to="{ path: item.path === '' ? '/' : item.path }"
       >
-        <a-icon v-if="index == 0" :type="item.meta.icon" />
+        <a-icon v-if="index == 0" :type="item.meta.icon" style="font-size: 16px" @click="resetToMainView" />
         {{ $t(item.meta.title) }}
       </router-link>
       <span v-else-if="$route.params.id">
@@ -63,6 +63,10 @@ export default {
       this.$route.matched.forEach((item) => {
         this.breadList.push(item)
       })
+    },
+    resetToMainView () {
+      this.$store.dispatch('SetProject', {})
+      this.$store.dispatch('ToggleTheme', 'light')
     }
   }
 }