Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-24 01:12:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor: duplicates information modal (#18282)

Browse Source
This commit is contained in:
Daniel Dietzler 2025-05-14 13:52:04 +02:00 committed by GitHub
parent b3b774cfe5
commit c9d45eee86
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 24 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/lib/components/shared-components/duplicates-modal.svelte
View File

@ -1,20 +0,0 @@
<script lang="ts">
import { t } from 'svelte-i18n';
import FullScreenModal from './full-screen-modal.svelte';
interface Props {
onClose: () => void;
}
let { onClose }: Props = $props();
</script>
<FullScreenModal title={$t('deduplication_info')} width="auto" {onClose}>
<div class="text-sm dark:text-white">
<p>{$t('deduplication_info_description')}</p>
<ol class="ms-8 mt-2" style="list-style: decimal">
<li>{$t('deduplication_criteria_1')}</li>
<li>{$t('deduplication_criteria_2')}</li>
</ol>
</div>
</FullScreenModal>

22
web/src/lib/modals/DuplicatesInformationModal.svelte Normal file
View File

@ -0,0 +1,22 @@
<script lang="ts">
import { Modal, ModalBody } from '@immich/ui';
import { t } from 'svelte-i18n';
interface Props {
onClose: () => void;
}
let { onClose }: Props = $props();
</script>
<Modal title={$t('deduplication_info')} size="small" {onClose}>
<ModalBody>
<div class="text-sm dark:text-white">
<p>{$t('deduplication_info_description')}</p>
<ol class="ms-8 mt-2" style="list-style: decimal">
<li>{$t('deduplication_criteria_1')}</li>
<li>{$t('deduplication_criteria_2')}</li>
</ol>
</div>
</ModalBody>
</Modal>

10
web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@ -1,13 +1,13 @@
<script lang="ts">
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
import DuplicatesModal from '$lib/components/shared-components/duplicates-modal.svelte';
import {
NotificationType,
notificationController,
} from '$lib/components/shared-components/notification/notification';
import DuplicatesCompareControl from '$lib/components/utilities-page/duplicates/duplicates-compare-control.svelte';
import { modalManager } from '$lib/managers/modal-manager.svelte';
import DuplicatesInformationModal from '$lib/modals/DuplicatesInformationModal.svelte';
import ShortcutsModal from '$lib/modals/ShortcutsModal.svelte';
import { locale } from '$lib/stores/preferences.store';
import { featureFlags } from '$lib/stores/server-config.store';
@ -27,8 +27,6 @@
let { data = $bindable() }: Props = $props();
let isShowDuplicateInfo = $state(false);
interface Shortcuts {
general: ExplainedShortcut[];
actions: ExplainedShortcut[];
@ -201,7 +199,7 @@
title={$t('deduplication_info')}
size="16"
padding="2"
onclick={() => (isShowDuplicateInfo = true)}
onclick={() => modalManager.show(DuplicatesInformationModal, {})}
/>
</div>
@ -220,7 +218,3 @@
{/if}
</div>
</UserPageLayout>
{#if isShowDuplicateInfo}
<DuplicatesModal onClose={() => (isShowDuplicateInfo = false)} />
{/if}