The selected metrics state is now in sidebar container

This state was included in the reset list on handleExit
When handle exit is clicked it now brings the user back
to the main dashboard page

Author: mdtagg

app/containers/SidebarContainer/SidebarContainer.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Link } from 'react-router-dom';
+import { Link,useNavigate } from 'react-router-dom';
 
 import ListIcon from '@mui/icons-material/List';
 import InfoIcon from '@mui/icons-material/Info';
@@ -10,6 +10,7 @@ import './styles.scss';
 import { ApplicationContext } from '../../context/ApplicationContext';
 import { AwsContext } from '../../context/AwsContext';
 import { DashboardContext } from '../../context/DashboardContext';
+import { QueryContext } from '../../context/QueryContext';
 
 const SidebarContainer = React.memo(() => {
   // Extract invervalID from ApplicationContext. Initival value: intervalID = null
@@ -18,6 +19,9 @@ const SidebarContainer = React.memo(() => {
   const { isLoading, setLoadingState } = useContext(AwsContext);
   // clear interval and set loading state to true when leaving graph containers
   const { addApp,setApplications,deleteApp } = useContext(DashboardContext)
+  const { setSelectedMetrics } = useContext(QueryContext)
+
+  const navigate = useNavigate();
 
   /**
    * @function handleCLick - check if the 'intervalID' exists. If so, theres a timer running and the fuunction clears the timer using @function clearInterval - function.
@@ -68,13 +72,15 @@ const SidebarContainer = React.memo(() => {
   }
 
   const handleExitExample = () => {
+
     setExample(false)
-    // setApplications([])
     setAppIndex(0);
     setApp('');
     setServicesData([]);
-    setChart('communications')
+    setChart('all')
     deleteApp(0,'all')
+    setSelectedMetrics([])
+    navigate("/")
   }
 
   return (