public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-27 13:19:56 +09:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

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
16 changed files with 37 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/shared-components/profile-image-cropper.svelte
View File

@@ -3,17 +3,15 @@
import { handleError } from '$lib/utils/handle-error';
import { createProfileImage, type AssetResponseDto } from '@immich/sdk';
import domtoimage from 'dom-to-image';
import { createEventDispatcher, onMount } from 'svelte';
import { onMount } from 'svelte';
import PhotoViewer from '../asset-viewer/photo-viewer.svelte';
import Button from '../elements/buttons/button.svelte';
import BaseModal from './base-modal.svelte';
import { NotificationType, notificationController } from './notification/notification';
export let asset: AssetResponseDto;
export let onClose: () => void;
const dispatch = createEventDispatcher<{
close: void;
}>();
let imgElement: HTMLDivElement;
onMount(() => {
@@ -67,11 +65,11 @@
} catch (error) {
handleError(error, 'Error setting profile picture.');
}
dispatch('close');
onClose();
};
</script>
<BaseModal id="profile-image-cropper" title="Set profile picture" on:close>
<BaseModal id="profile-image-cropper" title="Set profile picture" {onClose}>
<div class="flex place-items-center items-center justify-center">
<div
class="relative flex aspect-square w-1/2 overflow-hidden rounded-full border-4 border-immich-primary bg-immich-dark-primary dark:border-immich-dark-primary dark:bg-immich-primary"