From 85b6f0e5fd8ba089e1daff5fdc329df5b3b1e1c9 Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Thu, 21 Sep 2023 14:53:40 -0300
Subject: [PATCH] Highlight current view in the edit-menu

---
 src/components/EditMenu.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/EditMenu.vue b/src/components/EditMenu.vue
index b68d4b435..1e1603d5a 100644
--- a/src/components/EditMenu.vue
+++ b/src/components/EditMenu.vue
@@ -19,7 +19,11 @@
             :key="view.hash"
             class="flex items-center justify-between w-full my-1"
           >
-            <Button class="flex items-center justify-center w-full h-8 overflow-auto" @click="store.selectView(view)">
+            <Button
+              class="flex items-center justify-center w-full h-8 overflow-auto"
+              :class="{ 'selected-view': view === store.currentView }"
+              @click="store.selectView(view)"
+            >
               <p class="overflow-hidden text-sm text-ellipsis ml-7 whitespace-nowrap">{{ view.name }}</p>
               <div class="grow" />
               <div class="icon-btn mdi mdi-cog" @click="renameView(view)" />
@@ -364,4 +368,8 @@ const { pressed: mousePressed } = useMousePressed()
 .icon-btn:hover {
   @apply bg-slate-500;
 }
+
+.selected-view {
+  @apply bg-slate-400;
+}
 </style>