From ef8a5a0d9357845fab5fd04abca629aab3bc9cb5 Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Thu, 25 Dec 2025 19:53:39 +0000
Subject: [PATCH] code: tsx,nextjs,frontends (1 files)

---
 .../src/components/ui/organisms/AlertDialog.tsx    | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontends/nextjs/src/components/ui/organisms/AlertDialog.tsx b/frontends/nextjs/src/components/ui/organisms/AlertDialog.tsx
index c91a462d9..7b4523d95 100644
--- a/frontends/nextjs/src/components/ui/organisms/AlertDialog.tsx
+++ b/frontends/nextjs/src/components/ui/organisms/AlertDialog.tsx
@@ -176,12 +176,13 @@ AlertDialogTitle.displayName = 'AlertDialogTitle'
 // AlertDialogDescription
 interface AlertDialogDescriptionProps {
   children: ReactNode
+  className?: string
 }
 
 const AlertDialogDescription = forwardRef<HTMLDivElement, AlertDialogDescriptionProps>(
-  ({ children, ...props }, ref) => {
+  ({ children, className, ...props }, ref) => {
     return (
-      <DialogContent ref={ref} sx={{ pt: 2 }} {...props}>
+      <DialogContent ref={ref} className={className} sx={{ pt: 2 }} {...props}>
         <DialogContentText id="alert-dialog-description">
           {children}
         </DialogContentText>
@@ -211,12 +212,13 @@ AlertDialogFooter.displayName = 'AlertDialogFooter'
 interface AlertDialogCancelProps {
   children?: ReactNode
   onClick?: () => void
+  className?: string
 }
 
 const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(
-  ({ children = 'Cancel', onClick, ...props }, ref) => {
+  ({ children = 'Cancel', onClick, className, ...props }, ref) => {
     return (
-      <Button ref={ref} onClick={onClick} color="inherit" {...props}>
+      <Button ref={ref} onClick={onClick} color="inherit" className={className} {...props}>
         {children}
       </Button>
     )
@@ -231,10 +233,11 @@ interface AlertDialogActionProps {
   color?: 'primary' | 'error' | 'warning' | 'success' | 'info'
   variant?: 'text' | 'outlined' | 'contained'
   autoFocus?: boolean
+  className?: string
 }
 
 const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(
-  ({ children = 'Confirm', onClick, color = 'primary', variant = 'contained', autoFocus = true, ...props }, ref) => {
+  ({ children = 'Confirm', onClick, color = 'primary', variant = 'contained', autoFocus = true, className, ...props }, ref) => {
     return (
       <Button
         ref={ref}
@@ -242,6 +245,7 @@ const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(
         color={color}
         variant={variant}
         autoFocus={autoFocus}
+        className={className}
         {...props}
       >
         {children}