public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-24 05:10:44 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(web): Handle duplicate library settings gracefully (#6950)

Browse Source 
* don't add duplicate import paths

* improve library import paths form

* same for exclusion patterns

* remove newline
This commit is contained in:
Jonathan Jogenfors
2024-02-09 01:09:09 +01:00
committed by GitHub
parent 90a7f16817
commit b67fddf4b8
4 changed files with 78 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/lib/components/forms/library-import-path-form.svelte
View File

@@ -4,16 +4,27 @@
import Button from '../elements/buttons/button.svelte';
import FullScreenModal from '../shared-components/full-screen-modal.svelte';
import { mdiFolderSync } from '@mdi/js';
import { onMount } from 'svelte';
export let importPath: string;
export let importPath: string | null;
export let importPaths: string[] = [];
export let title = 'Import path';
export let cancelText = 'Cancel';
export let submitText = 'Save';
export let canDelete = false;
export let isEditing = false;
onMount(() => {
if (isEditing) {
importPaths = importPaths.filter((path) => path !== importPath);
}
});
$: isDuplicate = importPath !== null && importPaths.includes(importPath);
$: canSubmit = importPath !== '' && importPath !== null && !importPaths.includes(importPath);
const dispatch = createEventDispatcher<{
cancel: void;
submit: { importPath: string };
submit: { importPath: string | null };
delete: void;
}>();
const handleCancel = () => dispatch('cancel');
@@ -47,11 +58,17 @@
<div class="mt-8 flex w-full gap-4 px-4">
<Button color="gray" fullwidth on:click={() => handleCancel()}>{cancelText}</Button>
{#if canDelete}
{#if isEditing}
<Button color="red" fullwidth on:click={() => dispatch('delete')}>Delete</Button>
{/if}
<Button type="submit" fullwidth>{submitText}</Button>
<Button type="submit" disabled={!canSubmit} fullwidth>{submitText}</Button>
</div>
<div class="mt-8 flex w-full gap-4 px-4">
{#if isDuplicate}
<p class="text-red-500 text-sm">This import path already exists.</p>
{/if}
</div>
</form>
</div>