mirror of
https://github.com/immich-app/immich.git
synced 2025-05-24 01:12:58 -04:00
796c933fb8
* feat(web,a11y): standardize the FullScreenModal look * consistent header, padding, close button, and radius as BaseModal * vertically stacking ConfirmDialogue CTA buttons in narrow screens * adding aria-modal tags for screen reader * add viewport-specific height limits on modals, to enable scrolling * prevent focus from being hidden under sticky content in modals * standardize FullScreenModal widths using a Prop * wip: consistent padding with header * fix: alignment on "create user" and "edit user" modals * fix: horizontal modal content alignment * fix: create user CTA buttons * chore: remove unnecessary warning --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
42 lines
1.1 KiB
Svelte
42 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
|
|
import { handleError } from '$lib/utils/handle-error';
|
|
import { restoreUser, type UserResponseDto } from '@immich/sdk';
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
export let user: UserResponseDto;
|
|
|
|
const dispatch = createEventDispatcher<{
|
|
success: void;
|
|
fail: void;
|
|
cancel: void;
|
|
}>();
|
|
|
|
const handleRestoreUser = async () => {
|
|
try {
|
|
const { deletedAt } = await restoreUser({ id: user.id });
|
|
if (deletedAt == undefined) {
|
|
dispatch('success');
|
|
} else {
|
|
dispatch('fail');
|
|
}
|
|
} catch (error) {
|
|
handleError(error, 'Unable to restore user');
|
|
dispatch('fail');
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<ConfirmDialogue
|
|
id="restore-user-modal"
|
|
title="Restore user"
|
|
confirmText="Continue"
|
|
confirmColor="green"
|
|
onConfirm={handleRestoreUser}
|
|
onClose={() => dispatch('cancel')}
|
|
>
|
|
<svelte:fragment slot="prompt">
|
|
<p><b>{user.name}</b>'s account will be restored.</p>
|
|
</svelte:fragment>
|
|
</ConfirmDialogue>
|