add footer

minutemailer · Jun 8, 2017 · 20c0d01 · 20c0d01
1 parent 239e181
commit 20c0d01
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 6 deletions.
diff --git a/dist/Footer.react.js b/dist/Footer.react.js
@@ -154,7 +154,8 @@ var defaultProps = {
     defaultCancel: null,
     buttonClick: null,
     onOk: null,
-    onClose: null
+    onClose: null,
+    footer: null
 };
 
 var Component = function (_React$Component2) {
@@ -184,6 +185,7 @@ var Component = function (_React$Component2) {
                         defaultCancel: this.props.defaultCancel,
                         buttons: this.props.buttons.left
                     }),
+                    this.props.footer,
                     _react2.default.createElement(ButtonsSpace, {
                         buttonClick: this.props.buttonClick,
                         onOk: this.props.onOk,
@@ -196,8 +198,13 @@ var Component = function (_React$Component2) {
                         buttons: this.props.buttons.right
                     })
                 );
+            } else if (this.props.footer) {
+                return _react2.default.createElement(
+                    'footer',
+                    { className: this.props.className },
+                    this.props.footer
+                );
             }
-
             return null;
         }
     }]);

diff --git a/dist/index.js b/dist/index.js
@@ -71,7 +71,8 @@ var initialState = {
     className: null,
     noOverlay: false,
     position: false,
-    closeOnOutsideClick: true
+    closeOnOutsideClick: true,
+    footer: null
 };
 
 var Store = new _Store2.default();
@@ -268,7 +269,8 @@ var Component = function (_React$Component) {
                 className: popup.className,
                 noOverlay: popup.noOverlay,
                 position: popup.position,
-                closeOnOutsideClick: popup.closeOnOutsideClick
+                closeOnOutsideClick: popup.closeOnOutsideClick,
+                footer: popup.footer
             });
         }
     }, {
@@ -416,7 +418,8 @@ var Component = function (_React$Component) {
                         },
                         defaultOk: this.props.defaultOk,
                         defaultCancel: this.props.defaultCancel,
-                        buttons: this.state.buttons
+                        buttons: this.state.buttons,
+                        footer: this.state.footer
                     })
                 );
             }

diff --git a/src/Footer.react.js b/src/Footer.react.js
@@ -102,7 +102,8 @@ const defaultProps = {
 	defaultCancel: null,
 	buttonClick: null,
 	onOk: null,
-	onClose: null
+	onClose: null,
+	footer: null,
 };
 
 class Component extends React.Component {
@@ -127,6 +128,8 @@ class Component extends React.Component {
                         buttons={this.props.buttons.left}
 					/>
 
+                    {this.props.footer}
+
                     <ButtonsSpace
                         buttonClick={this.props.buttonClick}
                         onOk={this.props.onOk}
@@ -140,6 +143,12 @@ class Component extends React.Component {
 					/>
                 </footer>
             );
+        } else if (this.props.footer) {
+            return (
+                <footer className={this.props.className}>
+                    {this.props.footer}
+                </footer>
+            );
         }
 
         return null;

diff --git a/src/index.js b/src/index.js
@@ -37,6 +37,7 @@ const initialState = {
     noOverlay: false,
     position: false,
     closeOnOutsideClick: true,
+    footer: null,
 };
 
 const Store = new PopupStore();
@@ -203,6 +204,7 @@ class Component extends React.Component {
             noOverlay: popup.noOverlay,
             position: popup.position,
             closeOnOutsideClick: popup.closeOnOutsideClick,
+            footer: popup.footer,
         });
     }
 
@@ -326,6 +328,7 @@ class Component extends React.Component {
                         defaultOk={this.props.defaultOk}
                         defaultCancel={this.props.defaultCancel}
                         buttons={this.state.buttons}
+                        footer={this.state.footer}
                     />
                 </article>
             );