ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 04:15:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-09-16 23:00:00 -05:00
parent 1077b2ac8b
commit 779db74d7e
4 changed files with 42 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/lib/components/channel/Messages/Message/ProfilePreview.svelte
View file

@ -4,6 +4,7 @@
const i18n = getContext('i18n');
import UserStatus from './UserStatus.svelte';
import UserStatusLinkPreview from './UserStatusLinkPreview.svelte';
export let user = null;
</script>
@ -13,12 +14,5 @@
<slot />
</LinkPreview.Trigger>
<LinkPreview.Content
class="w-full max-w-[260px] rounded-2xl border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition"
side="right"
align="center"
sideOffset={8}
>
<UserStatus id={user.id} />
</LinkPreview.Content>
<UserStatusLinkPreview id={user?.id} side="right" align="center" sideOffset={8} />
</LinkPreview.Root>

13
src/lib/components/channel/Messages/Message/UserStatus.svelte
View file

@ -3,19 +3,8 @@
const i18n = getContext('i18n');
import { WEBUI_BASE_URL } from '$lib/constants';
import { getUserActiveStatusById, getUserById } from '$lib/apis/users';
export let id = null;
let user = null;
onMount(async () => {
if (id) {
user = await getUserById(localStorage.token, id).catch((error) => {
console.error('Error fetching user by ID:', error);
return null;
});
}
});
export let user = null;
</script>
{#if user}

37
src/lib/components/channel/Messages/Message/UserStatusLinkPreview.svelte Normal file
View file

@ -0,0 +1,37 @@
<script lang="ts">
import { getContext, onMount } from 'svelte';
import { LinkPreview } from 'bits-ui';
const i18n = getContext('i18n');
import { getUserById } from '$lib/apis/users';
import UserStatus from './UserStatus.svelte';
export let id = null;
export let side = 'top';
export let align = 'start';
export let sideOffset = 6;
let user = null;
onMount(async () => {
if (id) {
user = await getUserById(localStorage.token, id).catch((error) => {
console.error('Error fetching user by ID:', error);
return null;
});
}
});
</script>
{#if user}
<LinkPreview.Content
class="w-full max-w-[260px] rounded-2xl border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition"
{side}
{align}
{sideOffset}
>
<UserStatus {user} />
</LinkPreview.Content>
{/if}

11
src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
View file

@ -7,6 +7,7 @@
import { goto } from '$app/navigation';
import { channels, models } from '$lib/stores';
import UserStatus from '$lib/components/channel/Messages/Message/UserStatus.svelte';
import UserStatusLinkPreview from '$lib/components/channel/Messages/Message/UserStatusLinkPreview.svelte';
const i18n = getContext('i18n');
@ -101,14 +102,6 @@
</LinkPreview.Trigger>
{#if triggerChar === '@' && idType === 'U'}
<LinkPreview.Content
class="w-full max-w-[260px] rounded-2xl border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition"
side="top"
align="start"
sideOffset={6}
>
<UserStatus {id} />
<!-- <div class="flex space-x-4">HI</div> -->
</LinkPreview.Content>
<UserStatusLinkPreview {id} />
{/if}
</LinkPreview.Root>