blah/Weblah
1
0
Fork 0
mirror of https://github.com/Blah-IM/Weblah.git synced 2025-05-01 08:41:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: chat list item selected

Browse source
This commit is contained in:
Shibo Lyu 2024-09-04 05:39:57 +08:00
parent 9e899bbb27
commit 4be1380d69
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/(app)/ChatListItem.svelte
View file

@ -5,6 +5,8 @@
import type { Chat } from '$lib/types'; import type { Chat } from '$lib/types';
import { currentKeyPair } from '$lib/keystore'; import { currentKeyPair } from '$lib/keystore';
import { blahRichTextToPlainText } from '$lib/richText'; import { blahRichTextToPlainText } from '$lib/richText';
import { page } from '$app/stores';
import { tw } from '$lib/tw';
export let chat: Chat; export let chat: Chat;
@ -13,10 +15,15 @@
const url = new URL(chat.server); const url = new URL(chat.server);
urlSafeEndpoint = encodeURIComponent(url.hostname + url.pathname); urlSafeEndpoint = encodeURIComponent(url.hostname + url.pathname);
} }
$: isSelected = $page.params.chatId === chat.id;
</script> </script>
<li <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 <a
href="/chats/{urlSafeEndpoint}/{chat.id}" href="/chats/{urlSafeEndpoint}/{chat.id}"