added delete to the messages for admin

src/components/messages.js

@@ -34,24 +34,43 @@ class Messages extends React.Component{
         });
 
 
-            fetch(`http://localhost:3000/api/v1/message/${this.context.user.ID}`, {
-                headers: {
-                    "Authorization": this.context.user.Authorization,
-                }
-            })
-            .then(status)
-            .then(json)
-            .then(data => {
-                console.log(data)
-                this.setState({messages:data})
-            })
-            .catch(errorResponse => {
-                alert("Creation failed" +errorResponse)
-                console.log('Creation failed');
-                alert(`Error: ${JSON.stringify(errorResponse)}`);
-            });
+        fetch(`http://localhost:3000/api/v1/message/${this.context.user.ID}`, {
+            headers: {
+                "Authorization": this.context.user.Authorization,
+            }
+        })
+        .then(status)
+        .then(json)
+        .then(data => {
+            console.log(data)
+            this.setState({messages:data})
+        })
+        .catch(errorResponse => {
+            alert("Creation failed" +errorResponse)
+            console.log('Creation failed');
+            alert(`Error: ${JSON.stringify(errorResponse)}`);
+        });
 
     };
+
+
+
+    delete(ID){
+        fetch(`http://localhost:3000/api/v1/message/${ID}`, {
+            method: "DELETE",
+            headers: {
+                "Authorization": this.context.user.Authorization,
+            }
+        })
+        .then(status)
+        .then(data => {
+            console.log(data)
+        })
+        .catch(errorResponse => {
+            console.log('Delete failed');
+            alert(`Error: ${JSON.stringify(errorResponse)}`);
+        });
+    }
 
 
 
@@ -77,6 +96,7 @@ class Messages extends React.Component{
                                 <h3>User{message.authorID}:</h3>
                                 <p>{message.allText}</p>
                                 <button><Link to ={{pathname: `/reply/${message.authorID}`,state:{data:message.authorID}}}>Reply</Link></button>
+                                <button onClick={()=>{this.delete(message.ID)}}>Delete</button>
                             </Col>
                         </div>
                     ) 

src/components/reply.js

@@ -51,7 +51,6 @@ class Reply extends React.Component{
     render() {
         return (
             <Form {...formItemLayout} name="Create" onFinish={this.add} scrollToFirstError >
-                <p>{this.props.location.state.data.ID}</p>
 
                 <Form.Item name="allText" label="Your Message">
                     <Input />