Add ConfirmationModal component

app/src/frontend/ConfirmationModal.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+
+
+interface ConfirmationModalProps {
+    show: boolean,
+    title: string,
+    description: string,
+    confirmButtonText?: string,
+    confirmButtonClass?: string,
+    cancelButtonClass?: string,
+    onConfirm: () => void,
+    onCancel: () => void
+}
+
+const ConfirmationModal: React.FunctionComponent<ConfirmationModalProps> = ({
+    confirmButtonText = 'OK',
+    confirmButtonClass = 'btn-primary',
+    cancelButtonClass = '',
+    ...props
+}) => {
+    const confirmButtonClassString = `btn btn-block ${confirmButtonClass}`;
+    const cancelButtonClassString = `btn btn-block ${cancelButtonClass}`;
+    const modalClass = `modal ${props.show ? 'show' : ''}`;
+    return (
+        <div className={modalClass} tabIndex={-1} role="dialog">
+            <div className="modal-dialog" role="document">
+                <div className="modal-content">
+                    <div className="modal-header">
+                        <h5 className="modal-title">{props.title}</h5>
+                        <button
+                            type="button"
+                            className="close"
+                            aria-label="Close"
+                            onClick={() => props.onCancel()}
+                        >
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div className="modal-body">
+                        <p>{props.description}</p>
+                    </div>
+                    <div className="modal-footer">
+                        <button
+                            type="button"
+                            className={confirmButtonClassString}
+                            onClick={() => props.onConfirm()}
+                        >{confirmButtonText}</button>
+                        <button
+                            type="button"
+                            className={cancelButtonClassString}
+                            onClick={() => props.onCancel()}
+                        >Cancel</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default ConfirmationModal;