OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-22 18:07:17 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Update Placeholder.svelte

Browse Source
This commit is contained in:
Classic298 2025-06-21 13:57:11 +02:00 committed by GitHub
parent c6fc09b6c3
commit 8f01f72d28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/lib/components/chat/Placeholder.svelte
View File

@ -7,7 +7,7 @@
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
import { config, user, models as _models, temporaryChatEnabled } from '$lib/stores'; import { config, user, models as _models, temporaryChatEnabled, pendingFolderId, pendingFolderName } from '$lib/stores';
import { sanitizeResponseContent, extractCurlyBraceWords } from '$lib/utils'; import { sanitizeResponseContent, extractCurlyBraceWords } from '$lib/utils';
import { WEBUI_BASE_URL } from '$lib/constants'; import { WEBUI_BASE_URL } from '$lib/constants';
@ -16,6 +16,9 @@
import EyeSlash from '$lib/components/icons/EyeSlash.svelte'; import EyeSlash from '$lib/components/icons/EyeSlash.svelte';
import MessageInput from './MessageInput.svelte'; import MessageInput from './MessageInput.svelte';
import FolderOpen from '$lib/components/icons/FolderOpen.svelte';
import XMark from '$lib/components/icons/XMark.svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
export let transparentBackground = false; export let transparentBackground = false;
@ -103,6 +106,27 @@
</Tooltip> </Tooltip>
{/if} {/if}
{#if $pendingFolderName}
<div class="mb-2 px-4 py-2 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg mx-auto max-w-xl">
<div class="flex items-center gap-2 text-blue-700 dark:text-blue-300">
<FolderOpen className="size-4" />
<span class="text-sm font-medium">
{$i18n.t('Next chat will be created in folder:')}
<strong>{$pendingFolderName}</strong>
</span>
<button
class="ml-auto text-blue-500 hover:text-blue-700"
on:click={() => {
pendingFolderId.set(null);
pendingFolderName.set(null);
}}
>
<XMark className="size-4" />
</button>
</div>
</div>
{/if}
<div <div
class="w-full text-3xl text-gray-800 dark:text-gray-100 text-center flex items-center gap-4 font-primary" class="w-full text-3xl text-gray-800 dark:text-gray-100 text-center flex items-center gap-4 font-primary"
> >