1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-07-01 04:29:18 +00:00

NORY-47: fix alert dialog action styling

This commit is contained in:
Markus Thielker 2025-01-02 11:33:07 +01:00
parent 6edf6ee1b3
commit e6b9095454
No known key found for this signature in database
3 changed files with 26 additions and 31 deletions

View file

@ -1,6 +1,6 @@
'use client';
import { Button, ButtonProps } from '@/components/ui/button';
import { ButtonProps, buttonVariants } from '@/components/ui/button';
import {
AlertDialog,
AlertDialogAction,
@ -23,9 +23,8 @@ interface ButtonWithConfirmDialogProps {
dialogTitle: string
dialogDescription: string
dialogButtonCancel?: string
dialogButtonCancelProps?: ButtonProps
dialogButtonSubmit?: string
dialogButtonSubmitProps?: ButtonProps
dialogButtonSubmitProps?: typeof buttonVariants
children: ReactNode
}
@ -37,7 +36,6 @@ export function ConfirmationDialogWrapper(
dialogTitle,
dialogDescription,
dialogButtonCancel,
dialogButtonCancelProps,
dialogButtonSubmit,
dialogButtonSubmitProps,
children,
@ -59,19 +57,13 @@ export function ConfirmationDialogWrapper(
<AlertDialogDescription>{dialogDescription}</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel asChild>
<Button
onClick={onCancel}
{...dialogButtonCancelProps}>
{dialogButtonCancel ?? 'Cancel'}
</Button>
<AlertDialogCancel onClick={onCancel}>
{dialogButtonCancel ?? 'Cancel'}
</AlertDialogCancel>
<AlertDialogAction asChild>
<Button
onClick={onSubmit}
{...dialogButtonSubmitProps}>
{dialogButtonSubmit ?? 'Confirm'}
</Button>
<AlertDialogAction
onClick={onSubmit}
className={buttonVariants({ ...dialogButtonSubmitProps })}>
{dialogButtonSubmit ?? 'Confirm'}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>

View file

@ -104,7 +104,7 @@ const AlertDialogAction = React.forwardRef<
>(({ className, ...props }, ref) => (
<AlertDialogPrimitive.Action
ref={ref}
className={className}
className={(cn(buttonVariants(), className))}
{...props}
/>
));