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

feat: use immich ui components for dialog component (#16839)

Browse Source
This commit is contained in:
Jason Rasmussen
2025-03-14 09:37:56 -04:00
committed by GitHub
parent b778a86c99
commit 8ad95b368b
4 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/shared-components/dialog/confirm-dialog.svelte
View File

@@ -1,9 +1,8 @@
<script lang="ts">
import FullScreenModal from '../full-screen-modal.svelte';
import Button from '../../elements/buttons/button.svelte';
import type { Color } from '$lib/components/elements/buttons/button.svelte';
import { t } from 'svelte-i18n';
import type { Snippet } from 'svelte';
import { Button, type Color } from '@immich/ui';
interface Props {
title?: string;
@@ -24,7 +23,7 @@
title = $t('confirm'),
prompt = $t('are_you_sure_to_do_this'),
confirmText = $t('confirm'),
confirmColor = 'red',
confirmColor = 'danger',
cancelText = $t('cancel'),
cancelColor = 'secondary',
hideCancelButton = false,
@@ -49,11 +48,11 @@
{#snippet stickyBottom()}
{#if !hideCancelButton}
<Button color={cancelColor} fullwidth onclick={onCancel}>
<Button shape="round" color={cancelColor} fullWidth onclick={onCancel}>
{cancelText}
</Button>
{/if}
<Button color={confirmColor} fullwidth onclick={handleConfirm} {disabled}>
<Button shape="round" color={confirmColor} fullWidth onclick={handleConfirm} {disabled}>
{confirmText}
</Button>
{/snippet}