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): move BaseModal to callback pattern (#8696)

Browse source 
* chore(web): move BaseModal to callback to close

* chore: add question mark
This commit is contained in:
Ben 2024-04-11 09:01:16 +00:00 • committed by GitHub
parent 8c9a092561
commit 37eea2d353
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 37 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/src/lib/components/album-page/albums-list.svelte
View file

@ -442,7 +442,7 @@
{#if showShareByURLModal}
<CreateSharedLinkModal
albumId={albumToShare.id}
on:close={() => closeShareModal()}
onClose={() => closeShareModal()}
on:created={() => albumToShare && handleSharedLinkCreated(albumToShare)}
/>
{:else}
@ -450,7 +450,7 @@
album={albumToShare}
on:select={({ detail: users }) => handleAddUsers(users)}
on:share={() => (showShareByURLModal = true)}
on:close={() => closeShareModal()}
onClose={() => closeShareModal()}
/>
{/if}
{/if}

6
web/src/lib/components/album-page/share-info-modal.svelte
View file

@ -13,10 +13,10 @@
import UserAvatar from '../shared-components/user-avatar.svelte';
export let album: AlbumResponseDto;
export let onClose: () => void;
const dispatch = createEventDispatcher<{
remove: string;
close: void;
}>();
let currentUser: UserResponseDto;
@ -66,7 +66,7 @@
</script>
{#if !selectedRemoveUser}
<BaseModal id="share-info-modal" title="Options" on:close>
<BaseModal id="share-info-modal" title="Options" {onClose}>
<section class="immich-scrollbar max-h-[400px] overflow-y-auto pb-4">
<div class="flex w-full place-items-center justify-between gap-4 p-5">
<div class="flex place-items-center gap-4">
@ -134,7 +134,7 @@
<ConfirmDialogue
id="remove-user-modal"
title="Remove user?"
prompt="Are you sure you want to remove {selectedRemoveUser.name}"
prompt="Are you sure you want to remove {selectedRemoveUser.name}?"
confirmText="Remove"
onConfirm={handleRemoveUser}
onClose={() => (selectedRemoveUser = null)}

4
web/src/lib/components/album-page/user-selection-modal.svelte
View file

@ -16,13 +16,13 @@
import UserAvatar from '../shared-components/user-avatar.svelte';
export let album: AlbumResponseDto;
export let onClose: () => void;
let users: UserResponseDto[] = [];
let selectedUsers: UserResponseDto[] = [];
const dispatch = createEventDispatcher<{
select: UserResponseDto[];
share: void;
close: void;
}>();
let sharedLinks: SharedLinkResponseDto[] = [];
onMount(async () => {
@ -54,7 +54,7 @@
};
</script>
<BaseModal id="user-selection-modal" title="Invite to album" showLogo on:close>
<BaseModal id="user-selection-modal" title="Invite to album" showLogo {onClose}>
{#if selectedUsers.length > 0}
<div class="mb-2 flex flex-wrap place-items-center gap-4 overflow-x-auto px-5 py-2 sticky">
<p class="font-medium">To</p>