From 19033b8460cb43dc2fa34a2cffa932b5efe111ca Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Sat, 19 Aug 2017 15:39:58 +0200
Subject: Add profile page

---
 src/components/modals/Modal.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'src/components/modals/Modal.js')

diff --git a/src/components/modals/Modal.js b/src/components/modals/Modal.js
index 0b3301af..06273a46 100644
--- a/src/components/modals/Modal.js
+++ b/src/components/modals/Modal.js
@@ -1,3 +1,4 @@
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 
@@ -7,6 +8,12 @@ class Modal extends React.Component {
         show: PropTypes.bool.isRequired,
         onSubmit: PropTypes.func.isRequired,
         onCancel: PropTypes.func.isRequired,
+        submitButtonType: PropTypes.string,
+        submitButtonText: PropTypes.string,
+    };
+    static defaultProps = {
+        submitButtonType: "primary",
+        submitButtonText: "Save",
     };
     static idCounter = 0;
 
@@ -83,7 +90,7 @@ class Modal extends React.Component {
                             <h5 className="modal-title">{this.props.title}</h5>
                             <button type="button" className="close" onClick={this.onCancel.bind(this)}
                                     aria-label="Close">
-                                <span aria-hidden="true">&times;</span>
+                                <span>&times;</span>
                             </button>
                         </div>
                         <div className="modal-body">
@@ -93,8 +100,9 @@ class Modal extends React.Component {
                             <button type="button" className="btn btn-secondary" onClick={this.onCancel.bind(this)}>
                                 Close
                             </button>
-                            <button type="button" className="btn btn-primary" onClick={this.onSubmit.bind(this)}>
-                                Save
+                            <button type="button" className={classNames("btn", "btn-" + this.props.submitButtonType)}
+                                    onClick={this.onSubmit.bind(this)}>
+                                {this.props.submitButtonText}
                             </button>
                         </div>
                     </div>
-- 
cgit v1.2.3