fix(Dialog): Classnames wasn't merged if set

cozy · Oct 14, 2024 · 8a9453c · 8a9453c
1 parent ecceb97
commit 8a9453c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/react/Dialog/index.jsx b/react/Dialog/index.jsx
@@ -1,15 +1,21 @@
 import { default as MUIDialog } from '@material-ui/core/Dialog'
+import cx from 'classnames'
 import React from 'react'
 
 import { useDialogEffects } from './DialogEffects'
 import { useCozyTheme } from '../providers/CozyTheme'
 
-const Dialog = props => {
+const Dialog = ({ className, ...props }) => {
   const { type, variant } = useCozyTheme()
 
   useDialogEffects(props.open, props.fullScreen)
 
-  return <MUIDialog className={`CozyTheme--${type}-${variant}`} {...props} />
+  return (
+    <MUIDialog
+      className={cx(`CozyTheme--${type}-${variant}`, className)}
+      {...props}
+    />
+  )
 }
 
 Dialog.defaultProps = {