Move and rename Disruption

src/components/DisruptionButton.js

@@ -1,7 +1,7 @@
 import addNotification from "react-push-notification";
 
-const Disruption = () => {
+const DisruptionButton = () => {
-  const buttonClick = () => {
+  const genDisrupt = () => {
     addNotification({
       title: "Warning",
       subtitle: "This is a subtitle",
@@ -12,12 +12,10 @@ const Disruption = () => {
   };
 
   return (
-    <div className="page">
+      <button onClick={genDisrupt} id="disruptBtn">
-      <button onClick={buttonClick} className="button">
+        Generera Störning
-        Störning
       </button>
-    </div>
   );
 };
 
-export default Disruption;
+export default DisruptionButton;

src/components/NavigationDrawer.js

@@ -1,10 +1,15 @@
-import './css/NavigationDrawer.css';
 import React, { Component } from 'react';
+import './css/NavigationDrawer.css';
+
+import DisruptionButton from "./DisruptionButton.js";
+
 
 class NavigationDrawer extends Component {
     render() {
         return (
-            <div id="navDrawer"></div>
+            <div id="navDrawer">
+                <DisruptionButton />
+            </div>
         );
     }
 }

src/components/pages/TrafficInfo.js

@@ -9,7 +9,6 @@ import TrafficList from "../TrafficList.js";
 import Stop from "../../classes/Stop.js";
 import Departure from "../../classes/Departure.js";
 
-import Disruption from "./Disruption.js";
 
 class TrafficInfo extends Component {
   render() {
@@ -36,11 +35,6 @@ class TrafficInfo extends Component {
         <MainArea>
           <TrafficList departures={testStop.departures} />
         </MainArea>
-        <Disruption>
-          <button onClick={Disruption} className="button">
-            Störning
-          </button>
-        </Disruption>
       </>
     );
   }