moved scss file to AwsGraphContainer and DashboardContainer

Author: tedpham3

app/App.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import Splash from './components/Splash/Splash';
-import DashboardContainer from './containers/DashboardContainer';
+import DashboardContainer from './containers/DashboardContainer/DashboardContainer';
 import './stylesheets/scrollBar.scss';
 
 

app/containers/AWSGraphsContainer/AWSGraphsContainer.tsx

@@ -12,7 +12,8 @@ import EKSGraphsComponent from './EKSGraphsComponent';
 const AwsGraphsContainer = () => {
   const { app, appIndex, setIntervalID, intervalID } = useContext(ApplicationContext);
   const { user } = useContext(DashboardContext);
-  const { awsAppInfo, fetchAwsData, fetchAwsEcsData, fetchAwsEksData, fetchAwsAppInfo } = useContext(AwsContext);
+  const { awsAppInfo, fetchAwsData, fetchAwsEcsData, fetchAwsEksData, fetchAwsAppInfo } =
+    useContext(AwsContext);
   const { state } = useLocation();
   const { typeOfService } = state;
   const [awsLive, setAwsLive] = React.useState(false);
@@ -43,7 +44,18 @@ const AwsGraphsContainer = () => {
         clearInterval(intervalID);
       }
     };
-  }, [awsLive, user, appIndex, typeOfService, fetchAwsAppInfo, fetchAwsData, fetchAwsEcsData, fetchAwsEksData, intervalID, setIntervalID]);
+  }, [
+    awsLive,
+    user,
+    appIndex,
+    typeOfService,
+    fetchAwsAppInfo,
+    fetchAwsData,
+    fetchAwsEcsData,
+    fetchAwsEksData,
+    intervalID,
+    setIntervalID,
+  ]);
 
   return (
     <div className="AWS-container">
@@ -54,11 +66,13 @@ const AwsGraphsContainer = () => {
           {awsLive ? 'Stop Live Update' : 'Start Live Update'}
         </button>
       </div>
-      {typeOfService === 'AWS/ECS' && <ECSGraphsComponent region={awsAppInfo.region} typeOfService={typeOfService} />}
+      {typeOfService === 'AWS/ECS' && (
+        <ECSGraphsComponent region={awsAppInfo.region} typeOfService={typeOfService} />
+      )}
       {typeOfService === 'AWS/EC2' && <EC2GraphsComponent />}
       {typeOfService === 'AWS/EKS' && <EKSGraphsComponent awsEksData={awsAppInfo.awsUrl} />}
     </div>
   );
 };
 
-export default AwsGraphsContainer;
+export default AwsGraphsContainer;

app/containers/DashboardContainer.tsx …ashboardContainer/DashboardContainer.tsxapp/containers/DashboardContainer.tsx renamed to app/containers/DashboardContainer/DashboardContainer.tsx app/containers/DashboardContainer.tsx renamed to app/containers/DashboardContainer/DashboardContainer.tsx

@@ -1,16 +1,16 @@
 import React, { useState, useEffect } from 'react';
 import { HashRouter as Router } from 'react-router-dom';
-import MainContainer from './MainContainer';
-import SidebarContainer from './SidebarContainer';
-import HealthContextProvider from '../context/HealthContext';
-import CommsContextProvider from '../context/CommsContext';
-import ApplicationContextProvider from '../context/ApplicationContext';
-import DashboardContextProvider from '../context/DashboardContext';
-import DockerContextProvider from '../context/DockerContext';
-import EventContextProvider from '../context/EventContext';
-import QueryContextProvider from '../context/QueryContext';
-import AwsContextProvider from '../context/AwsContext';
-import '../stylesheets/Dashboard.scss';
+import MainContainer from '../MainContainer';
+import SidebarContainer from '../SidebarContainer';
+import HealthContextProvider from '../../context/HealthContext';
+import CommsContextProvider from '../../context/CommsContext';
+import ApplicationContextProvider from '../../context/ApplicationContext';
+import DashboardContextProvider from '../../context/DashboardContext';
+import DockerContextProvider from '../../context/DockerContext';
+import EventContextProvider from '../../context/EventContext';
+import QueryContextProvider from '../../context/QueryContext';
+import AwsContextProvider from '../../context/AwsContext';
+import './styles.scss';
 
 const DashboardContainer = React.memo(() => {