immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 01:11:16 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

feat(web,a11y): standardize base modal (#8388)

Browse Source 
* consistent headings
* remove escape key handler
* add aria attributes
This commit is contained in:
Ben Basten
2024-04-02 15:05:02 +00:00
committed by GitHub
parent 28e8e539f6
commit f7afc0334e
10 changed files with 53 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/lib/components/photos-page/actions/create-shared-link.svelte
View File

@@ -2,26 +2,14 @@
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import CreateSharedLinkModal from '$lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte';
import { mdiShareVariantOutline } from '@mdi/js';
import { createEventDispatcher } from 'svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
let showModal = false;
const dispatch = createEventDispatcher<{
escape: void;
}>();
const { getAssets } = getAssetControlContext();
const escape = () => {
dispatch('escape');
showModal = false;
};
</script>
<CircleIconButton title="Share" icon={mdiShareVariantOutline} on:click={() => (showModal = true)} />
{#if showModal}
<CreateSharedLinkModal
assetIds={[...getAssets()].map(({ id }) => id)}
on:close={() => (showModal = false)}
on:escape={escape}
/>
<CreateSharedLinkModal assetIds={[...getAssets()].map(({ id }) => id)} on:close={() => (showModal = false)} />
{/if}