fix: pin code reset modal (#26370)

This commit is contained in:
Jason Rasmussen
2026-02-19 16:50:39 -05:00
committed by GitHub
parent e8bedfdb7a
commit 01050a3d54

View File

@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { featureFlagsManager } from '$lib/managers/feature-flags-manager.svelte'; import { featureFlagsManager } from '$lib/managers/feature-flags-manager.svelte';
import { handleResetPinCode } from '$lib/services/user.service'; import { handleResetPinCode } from '$lib/services/user.service';
import { Field, FormModal, HelperText, Modal, ModalBody, PasswordInput, Stack, type ModalSize } from '@immich/ui'; import { BasicModal, Field, FormModal, HelperText, PasswordInput, Stack, type ModalSize } from '@immich/ui';
import { mdiLockReset } from '@mdi/js'; import { mdiLockReset } from '@mdi/js';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
@@ -23,7 +23,7 @@
const common = $derived({ title: $t('reset'), size: 'small' as ModalSize, icon: mdiLockReset, onClose }); const common = $derived({ title: $t('reset'), size: 'small' as ModalSize, icon: mdiLockReset, onClose });
</script> </script>
{#if featureFlagsManager.value.passwordLogin === false} {#if featureFlagsManager.value.passwordLogin}
<FormModal {...common} submitColor="danger" submitText={$t('reset')} disabled={!password} {onSubmit}> <FormModal {...common} submitColor="danger" submitText={$t('reset')} disabled={!password} {onSubmit}>
<Stack gap={4}> <Stack gap={4}>
<div>{$t('reset_pin_code_description')}</div> <div>{$t('reset_pin_code_description')}</div>
@@ -37,9 +37,7 @@
</Stack> </Stack>
</FormModal> </FormModal>
{:else} {:else}
<Modal {...common} closeOnBackdropClick> <BasicModal {...common}>
<ModalBody> <div>{$t('reset_pin_code_description')}</div>
<div>{$t('reset_pin_code_description')}</div> </BasicModal>
</ModalBody>
</Modal>
{/if} {/if}