Added methods to delete speedtests

resources/js/components/Graphics/TableRow.js

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
-import { Modal } from 'react-bootstrap';
+import { Modal, Button } from 'react-bootstrap';
+import Axios from 'axios';
+import { toast } from 'react-toastify';
 
 export default class TableRow extends Component {
     constructor(props) {
@@ -25,6 +27,25 @@ export default class TableRow extends Component {
         }
     }
 
+    delete = (id) => {
+        var url = 'api/speedtest/delete/' + id;
+
+        Axios.delete(url)
+        .then((resp) => {
+            console.log(resp);
+            toast.success('Speedtest deleted');
+        })
+        .catch((err) => {
+            if(err.response.status == 404) {
+                toast.warning('Speedtest not found');
+            } else {
+                toast.error('Something went wrong');
+            }
+        })
+
+        this.toggleShow();
+    }
+
     render() {
         var e = this.state.data;
         var show = this.state.show;
@@ -52,6 +73,7 @@ export default class TableRow extends Component {
                                     {e.scheduled != undefined &&
                                         <p>Type: {e.scheduled == true ? 'scheduled' : 'manual'}</p>
                                     }
+                                    <Button variant="danger" onClick={() => { this.delete(e.id) }}>Delete</Button>
                                 </Modal.Body>
                             </Modal>
                         </td>