refactor: all user admin page modals (#18097)

web/src/lib/components/admin-page/delete-confirm-dialogue.svelte

@@ -1,106 +0,0 @@
-<script lang="ts">
-  import Checkbox from '$lib/components/elements/checkbox.svelte';
-  import FormatMessage from '$lib/components/i18n/format-message.svelte';
-  import ConfirmDialog from '$lib/components/shared-components/dialog/confirm-dialog.svelte';
-  import { serverConfig } from '$lib/stores/server-config.store';
-  import { handleError } from '$lib/utils/handle-error';
-  import { deleteUserAdmin, type UserResponseDto } from '@immich/sdk';
-  import { t } from 'svelte-i18n';
-
-  interface Props {
-    user: UserResponseDto;
-    onSuccess: () => void;
-    onFail: () => void;
-    onCancel: () => void;
-  }
-
-  let { user, onSuccess, onFail, onCancel }: Props = $props();
-
-  let forceDelete = $state(false);
-  let deleteButtonDisabled = $state(false);
-  let userIdInput: string = '';
-
-  const handleDeleteUser = async () => {
-    try {
-      const { deletedAt } = await deleteUserAdmin({
-        id: user.id,
-        userAdminDeleteDto: { force: forceDelete },
-      });
-
-      if (deletedAt == undefined) {
-        onFail();
-      } else {
-        onSuccess();
-      }
-    } catch (error) {
-      handleError(error, $t('errors.unable_to_delete_user'));
-      onFail();
-    }
-  };
-
-  const handleConfirm = (e: Event) => {
-    userIdInput = (e.target as HTMLInputElement).value;
-    deleteButtonDisabled = userIdInput != user.email;
-  };
-</script>
-
-<ConfirmDialog
-  title={$t('delete_user')}
-  confirmText={forceDelete ? $t('permanently_delete') : $t('delete')}
-  onClose={(confirmed) => (confirmed ? handleDeleteUser() : onCancel())}
-  disabled={deleteButtonDisabled}
->
-  {#snippet promptSnippet()}
-    <div class="flex flex-col gap-4">
-      {#if forceDelete}
-        <p>
-          <FormatMessage key="admin.user_delete_immediately" values={{ user: user.name }}>
-            {#snippet children({ message })}
-              <b>{message}</b>
-            {/snippet}
-          </FormatMessage>
-        </p>
-      {:else}
-        <p>
-          <FormatMessage
-            key="admin.user_delete_delay"
-            values={{ user: user.name, delay: $serverConfig.userDeleteDelay }}
-          >
-            {#snippet children({ message })}
-              <b>{message}</b>
-            {/snippet}
-          </FormatMessage>
-        </p>
-      {/if}
-
-      <div class="flex justify-center m-4 gap-2">
-        <Checkbox
-          id="queue-user-deletion-checkbox"
-          label={$t('admin.user_delete_immediately_checkbox')}
-          labelClass="text-sm dark:text-immich-dark-fg"
-          bind:checked={forceDelete}
-          onchange={() => {
-            deleteButtonDisabled = forceDelete;
-          }}
-        />
-      </div>
-
-      {#if forceDelete}
-        <p class="text-immich-error">{$t('admin.force_delete_user_warning')}</p>
-
-        <p class="immich-form-label text-sm" id="confirm-user-desc">
-          {$t('admin.confirm_email_below', { values: { email: user.email } })}
-        </p>
-
-        <input
-          class="immich-form-input w-full pb-2"
-          id="confirm-user-id"
-          aria-describedby="confirm-user-desc"
-          name="confirm-user-id"
-          type="text"
-          oninput={handleConfirm}
-        />
-      {/if}
-    </div>
-  {/snippet}
-</ConfirmDialog>

web/src/lib/components/admin-page/restore-dialogue.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-  import FormatMessage from '$lib/components/i18n/format-message.svelte';
-  import ConfirmDialog from '$lib/components/shared-components/dialog/confirm-dialog.svelte';
-  import { handleError } from '$lib/utils/handle-error';
-  import { restoreUserAdmin, type UserResponseDto } from '@immich/sdk';
-  import { t } from 'svelte-i18n';
-
-  interface Props {
-    user: UserResponseDto;
-    onSuccess: () => void;
-    onFail: () => void;
-    onCancel: () => void;
-  }
-
-  let { user, onSuccess, onFail, onCancel }: Props = $props();
-
-  const handleRestoreUser = async () => {
-    try {
-      const { deletedAt } = await restoreUserAdmin({ id: user.id });
-      if (deletedAt == undefined) {
-        onSuccess();
-      } else {
-        onFail();
-      }
-    } catch (error) {
-      handleError(error, $t('errors.unable_to_restore_user'));
-      onFail();
-    }
-  };
-</script>
-
-<ConfirmDialog
-  title={$t('restore_user')}
-  confirmText={$t('continue')}
-  confirmColor="success"
-  onClose={(confirmed) => (confirmed ? handleRestoreUser() : onCancel())}
->
-  {#snippet promptSnippet()}
-    <p>
-      <FormatMessage key="admin.user_restore_description" values={{ user: user.name }}>
-        {#snippet children({ message })}
-          <b>{message}</b>
-        {/snippet}
-      </FormatMessage>
-    </p>
-  {/snippet}
-</ConfirmDialog>