stop button added in loader

Author: Rahuljagwani

src/component/modals/Loader.css

@@ -0,0 +1,14 @@
+.loader-main {
+    display: flex;
+    align-items: center;
+}
+.loader-items {
+    position: relative;
+    margin: 10px 25px;
+}
+.loader-btn {
+    margin-left: 20px;
+    background-color: #1e88e5;
+    color: white;
+    font-weight: 200;
+}

src/component/modals/Loader.jsx

@@ -1,10 +1,24 @@
 import React from 'react';
 import BeatLoader from 'react-spinners/BeatLoader';
 import ParentModal from './ParentModal';
+import './Loader.css';
 
 const Loader = ({ superState }) => (
-    <ParentModal ModelOpen={superState.loader} title="Wait........">
-        <BeatLoader color="#36d7b7" />
+    <ParentModal ModelOpen={superState.loader} title="Wait.... The function is being executed">
+        <div className="loader-main">
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+            <BeatLoader color="#36d7b7" className="loader-items" />
+        </div>
+        <br />
+        <br />
+        { superState.dockerCheck && superState.graphs[superState.curGraphIndex].built
+            ? <button className="btn loader-btn" type="button">STOP Docker Build</button>
+            : '' }
     </ParentModal>
 );