helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore(web): simpler unique ID generation (#9945)

Browse source
This commit is contained in:
Ben 2024-06-02 16:41:44 +00:00 • committed by GitHub
parent d1135db8cf
commit 1323c7ee88
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 8 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/src/lib/components/shared-components/combobox.svelte
View file

@ -18,8 +18,8 @@
import { shortcuts } from '$lib/actions/shortcut';
import { clickOutside } from '$lib/actions/click-outside';
import { focusOutside } from '$lib/actions/focus-outside';
import { generateId } from '$lib/utils/generate-id';
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import { uniqueIdStore } from '$lib/stores/unique-id.store';
export let label: string;
export let hideLabel = false;
@ -30,7 +30,7 @@
/**
* Unique identifier for the combobox.
*/
let id: string = uniqueIdStore.generateId();
let id: string = generateId();
/**
* Indicates whether or not the dropdown autocomplete list should be visible.
*/

4
web/src/lib/components/shared-components/full-screen-modal.svelte
View file

@ -3,7 +3,7 @@
import { fade } from 'svelte/transition';
import FocusTrap from '$lib/components/shared-components/focus-trap.svelte';
import ModalHeader from '$lib/components/shared-components/modal-header.svelte';
import { uniqueIdStore } from '$lib/stores/unique-id.store';
import { generateId } from '$lib/utils/generate-id';
export let onClose: () => void;
export let title: string;
@ -27,7 +27,7 @@
/**
* Unique identifier for the modal.
*/
let id: string = uniqueIdStore.generateId();
let id: string = generateId();
$: titleId = `${id}-title`;
$: isStickyBottom = !!$$slots['sticky-bottom'];

4
web/src/lib/components/shared-components/settings/setting-switch.svelte
View file

@ -3,7 +3,7 @@
import { fly } from 'svelte/transition';
import { createEventDispatcher } from 'svelte';
import Slider from '$lib/components/elements/slider.svelte';
import { uniqueIdStore } from '$lib/stores/unique-id.store';
import { generateId } from '$lib/utils/generate-id';
export let title: string;
export let subtitle = '';
@ -11,7 +11,7 @@
export let disabled = false;
export let isEdited = false;
let id: string = uniqueIdStore.generateId();
let id: string = generateId();
$: sliderId = `${id}-slider`;
$: subtitleId = subtitle ? `${id}-subtitle` : undefined;