From 4dd2a16d07206affde3a54c6cbfb3dff1a3ade62 Mon Sep 17 00:00:00 2001
From: Niek van der Maas <mail@niekvandermaas.nl>
Date: Fri, 10 Mar 2023 11:15:22 +0100
Subject: [PATCH] Fix sidebar active link highlight

---
 src/lib/Sidebar.svelte | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
index e7f5d9b..5985a9a 100644
--- a/src/lib/Sidebar.svelte
+++ b/src/lib/Sidebar.svelte
@@ -12,7 +12,7 @@
   <p class="menu-label">Chats</p>
   <ul class="menu-list">
     {#if sortedChats.length === 0}
-      <li><a class="panel-block" href={"#"}>No chats yet...</a></li>
+      <li><a href={"#"}>No chats yet...</a></li>
     {:else}
       <li>
         <ul>
@@ -20,9 +20,8 @@
             <li>
               <a
                 href={"#"}
-                class="panel-block"
                 class:is-disabled={!apiKey}
-                class:has-background-light={activeChatId === chat.id}
+                class:is-active={activeChatId === chat.id}
                 on:click|preventDefault={() => (activeChatId = chat.id)}>{chat.name || `Chat ${chat.id}`}</a
               >
             </li>
@@ -38,7 +37,7 @@
         href={"#"}
         class="panel-block"
         class:is-disabled={!apiKey}
-        class:has-background-light={!activeChatId}
+        class:is-active={!activeChatId}
         on:click|preventDefault={() => {
           activeChatId = null;
         }}><span class="greyscale mr-2">🔑</span> API key</a
@@ -65,17 +64,17 @@
         }}><span class="greyscale mr-2">🗑️</span> Clear chats</a
       >
     </li>
-    {#if activeChatId }
-    <li>
-      <a
-        href={"#"}
-        class="panel-block"
-        class:is-disabled={!apiKey}
-        on:click|preventDefault={() => {
-          exportAsMarkdown(activeChatId);
-        }}><span class="greyscale mr-2">📥</span> Export chat</a
-      >
-    </li>
+    {#if activeChatId}
+      <li>
+        <a
+          href={"#"}
+          class="panel-block"
+          class:is-disabled={!apiKey}
+          on:click|preventDefault={() => {
+            exportAsMarkdown(activeChatId);
+          }}><span class="greyscale mr-2">📥</span> Export chat</a
+        >
+      </li>
     {/if}
   </ul>
 </aside>