add mappings page; implement delete mapping function

client/src/components/PromptMessage/index.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import {Button, Modal} from "semantic-ui-react";
+
+
+class PromptMessage extends Component {
+    render() {
+        const {
+            show = false,
+            size = 'tiny',
+            title = '',
+            message = '',
+            noActionLabel = 'No',
+            yesActionLabel = 'Yes',
+            yesActionIconName = 'checkmark',
+            onClose = null,
+            onActionNo = null,
+            onActionYes = null,
+        } = this.props;
+
+        return (
+            <Modal size={size} open={show} onClose={onClose}>
+                <Modal.Header>{title}</Modal.Header>
+                <Modal.Content>
+                    <p>{message}</p>
+                </Modal.Content>
+                <Modal.Actions>
+                    <Button negative onClick={onActionNo}>{noActionLabel}</Button>
+                    <Button positive icon={yesActionIconName} onClick={onActionYes} labelPosition='right' content={yesActionLabel} />
+                </Modal.Actions>
+            </Modal>
+        );
+    }
+}
+
+export default PromptMessage;