From f2d5e40b8f75b33c723b77a382404d8f850c6c08 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 10 Mar 2024 02:28:10 +0800
Subject: [PATCH] added setting link to sidebar

---
 frontend/src/lib/components/sidebar.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/sidebar.svelte b/frontend/src/lib/components/sidebar.svelte
index 0d7e179..a647ba2 100644
--- a/frontend/src/lib/components/sidebar.svelte
+++ b/frontend/src/lib/components/sidebar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page } from '$app/stores'
 	import UserIcon from './UserIcon.svelte'
 
 	import { Separator } from '$lib/components/ui/separator'
@@ -14,6 +15,7 @@
 		{ href: '/', name: 'Home' },
 		{ href: '/links', name: 'Links' },
 		{ href: '/projects', name: 'Projects' },
+		{ href: '/settings/account', name: 'Settings' },
 	] as const
 </script>
 
@@ -35,7 +37,9 @@
 		<div class="flex flex-col gap-4 p-4">
 			{#each routes as route}
 				<Button
-					variant="ghost"
+					variant={$page.url.pathname == route.href
+						? 'secondary'
+						: 'ghost'}
 					href={route.href}
 					class="justify-start text-base">{route.name}</Button>
 			{/each}