Weblah/src/routes/(app)/chats/[server]/[chatId]/ChatPage.svelte
2024-09-04 05:28:10 +08:00

25 lines
802 B
Svelte

<script lang="ts">
import type { Readable } from 'svelte/store';
import type { Chat, Message } from '$lib/types';
import BgPattern from '$lib/components/BgPattern.svelte';
import { currentKeyPair } from '$lib/keystore';
import ChatHeader from './ChatHeader.svelte';
import ChatHistory from './ChatHistory.svelte';
import ChatInput from './ChatInput.svelte';
import type { BlahRichText } from '$lib/richText';
export let info: Readable<Chat>;
export let messages: Readable<Message[]>;
interface $$Events {
sendMessage: CustomEvent<BlahRichText>;
}
</script>
<ChatHeader info={$info} outsideUnreadCount={263723} />
<BgPattern class="w-full flex-1" pattern="charlieBrown">
<ChatHistory messages={$messages} mySenderId={$currentKeyPair?.id} />
</BgPattern>
<ChatInput on:sendMessage />