mirror of
https://github.com/immich-app/immich.git
synced 2025-11-01 02:57:08 -04:00
refactor: asset description modal (#23168)
This commit is contained in:
parent
351c0d2a4d
commit
e196cac6f4
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user