From 20818e441dc3dc579fbe58137b0c514e88f3da32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karsten=20Ku=CC=88pper?= <karsten.kuepper@bcc.no>
Date: Tue, 23 Jan 2024 11:56:06 -0500
Subject: [PATCH] show back button

---
 components/AppToolbar.vue | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/components/AppToolbar.vue b/components/AppToolbar.vue
index f4f1ac5f..974c5e87 100644
--- a/components/AppToolbar.vue
+++ b/components/AppToolbar.vue
@@ -1,12 +1,28 @@
+<script setup type="ts">
+const route = useRoute();
+const showBackButton = () =>  route.name !== "index" && route.name !== "search" && route.name !== "browse";
+</script>
 <template>
   <header
-    class="sticky top-0 z-20 flex justify-between border-b border-label-separator bg-white-2 px-6 py-4 backdrop-blur-md dark:bg-black-2"
+    class="sticky top-0 z-20 flex justify-between border-b border-label-separator bg-white-2 backdrop-blur-md dark:bg-black-2"
   >
-    <strong v-if="toolbarTitleStore().toolbarTitle" class="text-label-1">
-      {{ toolbarTitleStore().toolbarTitle }}
-    </strong>
+    <div class="flex flex-row mx-5">
+      <div
+        v-if="showBackButton()"
+        class="p-4 cursor-pointer"
+        @click="$router.back()"
+      >
+        <NuxtIcon name="icon.chevron.left-1" class="text-2xl" />
+      </div>
+      <strong
+        v-if="toolbarTitleStore().toolbarTitle"
+        class="text-label-1 mx-1 my-4"
+      >
+        {{ toolbarTitleStore().toolbarTitle }}
+      </strong>
+    </div>
 
-    <div class="flex flex-row">
+    <div class="flex flex-row mx-6 my-4">
       <ProfileMenu />
     </div>
   </header>