From 23a5064d3d6c23f1a3c8bc2f990a922ae43ce418 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Fri, 27 Aug 2021 23:35:31 +0100
Subject: [PATCH] :sparkles: Adds view-switching links to ws sidebar

---
 src/components/Workspace/SideBar.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/Workspace/SideBar.vue b/src/components/Workspace/SideBar.vue
index eb4e0779..b75fba72 100644
--- a/src/components/Workspace/SideBar.vue
+++ b/src/components/Workspace/SideBar.vue
@@ -16,6 +16,14 @@
         />
       </transition>
     </div>
+    <div class="switch-view-buttons">
+      <router-link to="/home">
+        <IconHome class="view-icon" v-tooltip="$t('alternate-views.default')" />
+      </router-link>
+      <router-link to="/minimal">
+        <IconMinimalView class="view-icon" v-tooltip="$t('alternate-views.minimal')" />
+      </router-link>
+    </div>
   </nav>
 </template>
 
@@ -23,6 +31,8 @@
 
 import SideBarItem from '@/components/Workspace/SideBarItem.vue';
 import SideBarSection from '@/components/Workspace/SideBarSection.vue';
+import IconHome from '@/assets/interface-icons/application-home.svg';
+import IconMinimalView from '@/assets/interface-icons/application-minimal.svg';
 
 export default {
   name: 'SideBar',
@@ -38,6 +48,8 @@ export default {
   components: {
     SideBarItem,
     SideBarSection,
+    IconMinimalView,
+    IconHome,
   },
   methods: {
     /* Toggles the section clicked, and closes all other sections */
@@ -87,4 +99,13 @@ nav.side-bar {
   transform: translate(0, -80%);
 }
 
+.switch-view-buttons {
+  margin-top: 0.5rem;
+  display: flex;
+  @extend .svg-button;
+  .view-icon {
+    border: none;
+  }
+}
+
 </style>