chore: migrate to UI modal manager (#20116)

2025-07-23 23:27:09 +02:00
parent c1c9f30ea4
commit f27bdf7523
54 changed files with 58 additions and 196 deletions
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { ConfirmModal, Input } from '@immich/ui';
+  import { mdiText } from '@mdi/js';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    onClose: (description?: string) => void;
+  }
+
+  let { onClose }: Props = $props();
+
+  let description = $state('');
+</script>
+
+<ConfirmModal
+  confirmColor="primary"
+  title={$t('edit_description')}
+  icon={mdiText}
+  prompt={$t('edit_description_prompt')}
+  onClose={(confirmed) => (confirmed ? onClose(description) : onClose())}
+>
+  {#snippet promptSnippet()}
+    <div class="flex flex-col text-start gap-2">
+      <div class="flex flex-col">
+        <label for="description">{$t('description')}</label>
+        <Input class="immich-form-input" id="description" bind:value={description} />
+      </div>
+    </div>
+  {/snippet}
+</ConfirmModal>