Merge pull request #54 from contacto-io/bugs/cnto-6410/footer-props

[CNTO-6410] - add footer props to control footer rendering in modal
contacto-io · Jun 15, 2023 · 8327842 · 8327842
2 parents 031bc57 + bd5beda
commit 8327842
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
     "registry": "https://npm.pkg.github.com"
   },
   "repository": "git://github.com/contacto-io/contacto-console",
-  "version": "0.4.90",
+  "version": "0.4.91",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [

diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
@@ -11,7 +11,8 @@ export const FooterBlock = (props) => {
     <Block
       className="contacto-modal-footer-block"
       display="flex"
-      justifyContent={props.footerJustify || 'space-between'}
+      justifyContent={'space-between'}
+      {...props}
     >
       {props.children}
     </Block>
@@ -28,6 +29,7 @@ export const Modal = ({
   okButtonProps,
   cancelButtonProps,
   width,
+  footerProps = {},
   ...props
 }) => {
   return (
@@ -37,10 +39,10 @@ export const Modal = ({
       width={width}
       footer={
         footerButtons?.length ? (
-          <FooterBlock>{footerButtons.map((button) => button)}</FooterBlock>
+          <FooterBlock {...footerProps}>{footerButtons.map((button) => button)}</FooterBlock>
         ) : (
           (okButtonProps || cancelButtonProps) && (
-            <FooterBlock>
+            <FooterBlock {...footerProps}>
               <Button
                 {...cancelButtonProps}
                 label={cancelButtonProps?.label || 'Cancel'}
@@ -67,6 +69,10 @@ Modal.propTypes = {
    * To Remove the footer, pass null values to both okButtonProps and cancelButtonProps
    */
   footerButtons: PropTypes.array,
+  /**
+   * Props for the footer, default to {}
+   */
+  footerProps: PropTypes.object,
   /**
    * Props for the default Okay button
    */