modified the svg animation

myems-web/src/assets/scss/_user.scss

@@ -170,6 +170,23 @@
   }
 }
 
+.flow {
+  animation: ball-flow 2s linear infinite;
+}
+
+.flow-reverse {
+  animation: ball-flow 2s linear reverse infinite;
+}
+
+@keyframes ball-flow {
+  from {
+    offset-distance: 0%;
+  }
+  to {
+    offset-distance: 100%;
+  }
+}
+
 .rs-btn,
 
 .rs-picker-toggle-textbox {color: $gray-800; font-family: sans-serif;}

myems-web/src/components/MyEMS/Microgrid/Microgrid.js

@@ -25,6 +25,7 @@ import { toast } from 'react-toastify';
 import { APIBaseURL } from '../../../config';
 import useInterval from '../../../hooks/useInterval';
 import { Map } from 'react-leaflet';
+import '../../../assets/img/illustrations/diagram1.svg'
 
 
 const Microgrid = ({ setRedirect, setRedirectUrl, t }) => {