From 4be1380d69b89b08b95de13eb14ef40b1fdf669e Mon Sep 17 00:00:00 2001
From: Shibo Lyu <github@of.sb>
Date: Wed, 4 Sep 2024 05:39:57 +0800
Subject: [PATCH] feat: chat list item selected

---
 src/routes/(app)/ChatListItem.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/routes/(app)/ChatListItem.svelte b/src/routes/(app)/ChatListItem.svelte
index f97c991..544c5b5 100644
--- a/src/routes/(app)/ChatListItem.svelte
+++ b/src/routes/(app)/ChatListItem.svelte
@@ -5,6 +5,8 @@
 	import type { Chat } from '$lib/types';
 	import { currentKeyPair } from '$lib/keystore';
 	import { blahRichTextToPlainText } from '$lib/richText';
+	import { page } from '$app/stores';
+	import { tw } from '$lib/tw';
 
 	export let chat: Chat;
 
@@ -13,10 +15,15 @@
 		const url = new URL(chat.server);
 		urlSafeEndpoint = encodeURIComponent(url.hostname + url.pathname);
 	}
+
+	$: isSelected = $page.params.chatId === chat.id;
 </script>
 
 <li
-	class="relative after:absolute after:bottom-0 after:end-0 after:start-14 after:border-t-[0.5px] after:border-ss-secondary"
+	class={tw(
+		'relative after:absolute after:bottom-0 after:end-0 after:start-14 after:border-t-[0.5px] after:border-ss-secondary',
+		isSelected && 'bg-accent-100 shadow-inner dark:bg-accent-950'
+	)}
 >
 	<a
 		href="/chats/{urlSafeEndpoint}/{chat.id}"