UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-12-28 23:02:25 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

enh: channel messages

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2024-12-22 22:24:09 -07:00
parent a4333295ce
commit 198bd49cc2
1 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/lib/components/channel/Messages.svelte
View File

@ -1,17 +1,23 @@
<script lang="ts"> <script lang="ts">
import { v4 as uuidv4 } from 'uuid';
import { chats, config, settings, user as _user, mobile, currentChatPage } from '$lib/stores';
import { tick, getContext, onMount, createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
import { toast } from 'svelte-sonner'; import { toast } from 'svelte-sonner';
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
import isToday from 'dayjs/plugin/isToday';
import isYesterday from 'dayjs/plugin/isYesterday';
dayjs.extend(relativeTime);
dayjs.extend(isToday);
dayjs.extend(isYesterday);
import { tick, getContext, onMount, createEventDispatcher } from 'svelte';
import Message from './Messages/Message.svelte'; import Message from './Messages/Message.svelte';
import Loader from '../common/Loader.svelte'; import Loader from '../common/Loader.svelte';
import Spinner from '../common/Spinner.svelte'; import Spinner from '../common/Spinner.svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
export let channel = null;
export let messages = []; export let messages = [];
export let top = false; export let top = false;
@ -50,6 +56,25 @@
<div class=" ">Loading...</div> <div class=" ">Loading...</div>
</div> </div>
</Loader> </Loader>
{:else}
<div class="px-5">
{#if channel}
<div class="flex flex-col py-1 gap-1.5">
<div class="text-xl font-medium">{channel.name}</div>
<div class="text-sm text-gray-500">
This channel was created on {dayjs(channel.created_at / 1000000).format(
'MMMM D, YYYY'
)}. This is the very beginning of the {channel.name}
channel.
</div>
</div>
{:else}
<div class="flex justify-center py-1 text-xs items-center gap-2">
<div class=" ">Start of the channel</div>
</div>
{/if}
</div>
{/if} {/if}
{#each messageList as message, messageIdx (message.id)} {#each messageList as message, messageIdx (message.id)}