refactor: user admin service (#23785)

web/src/lib/modals/UserRestoreConfirmModal.svelte

@@ -1,30 +1,39 @@
 <script lang="ts">
   import FormatMessage from '$lib/elements/FormatMessage.svelte';
-  import { handleError } from '$lib/utils/handle-error';
-  import { restoreUserAdmin, type UserAdminResponseDto, type UserResponseDto } from '@immich/sdk';
-  import { Button, HStack, Modal, ModalBody, ModalFooter } from '@immich/ui';
+  import { handleRestoreUserAdmin } from '$lib/services/user-admin.service';
+  import { type UserAdminResponseDto } from '@immich/sdk';
+  import { ConfirmModal } from '@immich/ui';
   import { mdiDeleteRestore } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
-    user: UserResponseDto;
-    onClose: (user?: UserAdminResponseDto) => void;
-  }
+  type Props = {
+    user: UserAdminResponseDto;
+    onClose: () => void;
+  };
 
   let { user, onClose }: Props = $props();
 
-  const handleRestoreUser = async () => {
-    try {
-      const result = await restoreUserAdmin({ id: user.id });
-      onClose(result);
-    } catch (error) {
-      handleError(error, $t('errors.unable_to_restore_user'));
+  const handleClose = async (confirmed: boolean) => {
+    if (!confirmed) {
+      return;
+    }
+
+    const success = await handleRestoreUserAdmin(user);
+    if (success) {
+      onClose();
     }
   };
 </script>
 
-<Modal title={$t('restore_user')} {onClose} icon={mdiDeleteRestore} size="small">
-  <ModalBody>
+<ConfirmModal
+  icon={mdiDeleteRestore}
+  title={$t('restore_user')}
+  confirmText={$t('restore')}
+  confirmColor="primary"
+  size="small"
+  onClose={handleClose}
+>
+  {#snippet promptSnippet()}
     <p>
       <FormatMessage key="admin.user_restore_description" values={{ user: user.name }}>
         {#snippet children({ message })}
@@ -32,16 +41,5 @@
         {/snippet}
       </FormatMessage>
     </p>
-  </ModalBody>
-
-  <ModalFooter>
-    <HStack fullWidth>
-      <Button shape="round" color="secondary" fullWidth onclick={() => onClose()}>
-        {$t('cancel')}
-      </Button>
-      <Button shape="round" color="primary" fullWidth onclick={() => handleRestoreUser()}>
-        {$t('restore')}
-      </Button>
-    </HStack>
-  </ModalFooter>
-</Modal>
+  {/snippet}
+</ConfirmModal>