cleaned up admin

admin/src/Components/About.js

@@ -1,4 +1,3 @@
-import React, { Component } from "react";
 import { Container, Header } from "semantic-ui-react";
 
 const About = () => {

admin/src/Components/Message.js

@@ -1,31 +1,21 @@
-import React, { Component } from "react";
+import React from "react";
 import { Modal, Icon, Button, Header } from "semantic-ui-react";
 
-class Message extends Component {
-  constructor(props) {
-    super(props);
-  }
+const Message = (props) => {
 
-  _logout = event => {
-    event.preventDefault();
-    this.props.manualLogout();
-  };
-
-  render() {
-    return (
-      <Modal open={this.props.open} onClose={this.props.onClose} basic size="small">
-        <Header icon="info" content={this.props.title} />
-        <Modal.Content>
-          <p>{this.props.message}</p>
-        </Modal.Content>
-        <Modal.Actions>
-        <Button color='green' onClick={this.props.onClose} inverted>
+  return (
+    <Modal open={props.open} onClose={props.onClose} basic size="small">
+      <Header icon="info" content={props.title} />
+      <Modal.Content>
+        <p>{props.message}</p>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button color='green' onClick={props.onClose} inverted>
           <Icon name='checkmark' /> Got it
         </Button>
-        </Modal.Actions>
-      </Modal>
-    );
-  }
-}
+      </Modal.Actions>
+    </Modal>
+  );
+};
 
 export default Message;