refactor: asset description modal (#23168)

This commit is contained in:
Jason Rasmussen 2025-10-22 14:08:59 -04:00 committed by GitHub
parent 351c0d2a4d
commit e196cac6f4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,14 +1,13 @@
<script lang="ts"> <script lang="ts">
import { ConfirmModal, Input } from '@immich/ui'; import { ConfirmModal, Field, Textarea } from '@immich/ui';
import { mdiText } from '@mdi/js'; import { mdiText } from '@mdi/js';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
interface Props { type Props = {
onClose: (description?: string) => void; onClose: (description?: string) => void;
} };
let { onClose }: Props = $props(); let { onClose }: Props = $props();
let description = $state(''); let description = $state('');
</script> </script>
@ -20,11 +19,8 @@
onClose={(confirmed) => (confirmed ? onClose(description) : onClose())} onClose={(confirmed) => (confirmed ? onClose(description) : onClose())}
> >
{#snippet promptSnippet()} {#snippet promptSnippet()}
<div class="flex flex-col text-start gap-2"> <Field label={$t('description')}>
<div class="flex flex-col"> <Textarea bind:value={description} grow />
<label for="description">{$t('description')}</label> </Field>
<Input class="immich-form-input" id="description" bind:value={description} />
</div>
</div>
{/snippet} {/snippet}
</ConfirmModal> </ConfirmModal>