Update ChatPlaceholder.svelte

This commit is contained in:
Classic298 2025-06-21 13:56:59 +02:00 committed by GitHub
parent 62ff79d350
commit c6fc09b6c3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -2,7 +2,9 @@
import { WEBUI_BASE_URL } from '$lib/constants'; import { WEBUI_BASE_URL } from '$lib/constants';
import { marked } from 'marked'; import { marked } from 'marked';
import { config, user, models as _models, temporaryChatEnabled } from '$lib/stores'; import { config, user, models as _models, temporaryChatEnabled, pendingFolderId, pendingFolderName } from '$lib/stores';
import FolderOpen from '$lib/components/icons/FolderOpen.svelte';
import XMark from '$lib/components/icons/XMark.svelte';
import { onMount, getContext } from 'svelte'; import { onMount, getContext } from 'svelte';
import { blur, fade } from 'svelte/transition'; import { blur, fade } from 'svelte/transition';
@ -78,6 +80,27 @@
</Tooltip> </Tooltip>
{/if} {/if}
{#if $pendingFolderName}
<div class="mt-4 mb-4 px-4 py-2 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg 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=" mt-2 mb-4 text-3xl text-gray-800 dark:text-gray-100 font-medium text-left flex items-center gap-4 font-primary" class=" mt-2 mb-4 text-3xl text-gray-800 dark:text-gray-100 font-medium text-left flex items-center gap-4 font-primary"
> >