feat(Dialogs): Spread dialogActions classname to allow override

cozy · Oct 14, 2024 · fc2c414 · fc2c414
1 parent c8ef448
commit fc2c414
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 11 deletions.
diff --git a/react/CozyDialogs/ConfirmDialog.jsx b/react/CozyDialogs/ConfirmDialog.jsx
@@ -58,9 +58,13 @@ const ConfirmDialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>

diff --git a/react/CozyDialogs/Dialog.jsx b/react/CozyDialogs/Dialog.jsx
@@ -61,9 +61,13 @@ const Dialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>

diff --git a/react/CozyDialogs/FixedActionsDialog.jsx b/react/CozyDialogs/FixedActionsDialog.jsx
@@ -57,7 +57,10 @@ const FixedActionsDialog = props => {
         <DialogActions
           {...dialogActionsProps}
           disableSpacing
-          className={cx({ columnLayout: actionsLayout == 'column' })}
+          className={cx(
+            { columnLayout: actionsLayout == 'column' },
+            dialogActionsProps.className
+          )}
         >
           {actions}
         </DialogActions>

diff --git a/react/CozyDialogs/FixedDialog.jsx b/react/CozyDialogs/FixedDialog.jsx
@@ -56,7 +56,10 @@ const FixedDialog = props => {
         <DialogActions
           {...dialogActionsProps}
           disableSpacing
-          className={cx({ columnLayout: actionsLayout == 'column' })}
+          className={cx(
+            { columnLayout: actionsLayout == 'column' },
+            dialogActionsProps.className
+          )}
         >
           {actions}
         </DialogActions>

diff --git a/react/CozyDialogs/IllustrationDialog.jsx b/react/CozyDialogs/IllustrationDialog.jsx
@@ -70,9 +70,13 @@ const IllustrationDialog = props => {
             <DialogActions
               {...dialogActionsProps}
               disableSpacing
-              className={cx('dialogActionsFluid', {
-                columnLayout: actionsLayout == 'column'
-              })}
+              className={cx(
+                'dialogActionsFluid',
+                {
+                  columnLayout: actionsLayout == 'column'
+                },
+                dialogActionsProps.className
+              )}
             >
               {actions}
             </DialogActions>