Resolve new dashboard context

Author: ronellecaguioa

app/components/Applications.tsx

@@ -23,9 +23,10 @@ const Applications = () => {
   };
 
   // Handle clicks on Application cards
-  const handleClick = (app: string, i: number) => {
+  const handleClick = (selectedApp: string, i: number) => {
     setIndex(i);
-    setApp(app);
+    setApp(selectedApp);
+    console.log('handle', selectedApp)
     setOpen(true);
   };
 
@@ -56,18 +57,18 @@ const Applications = () => {
 
   return (
     <>
-      {applications.map((app: string, i: number | any | string | undefined) => (
+      {applications.map((app: string[], i: number | any | string | undefined) => (
         <Grid item xs={6} key={i}>
           <Paper
             className={classes.paper}
             id={i}
             key={i}
-            onClick={(event: React.MouseEvent<HTMLElement>) => handleClick(app, i)}
+            onClick={(event: React.MouseEvent<HTMLElement>) => handleClick(app[0], i)}
           >
-            {app}
+            {app[0]}
             <IconButton
               aria-label="Delete"
-              onClick={(event: React.MouseEvent<HTMLElement>) => confirmDelete(app, i)}
+              onClick={(event: React.MouseEvent<HTMLElement>) => confirmDelete(app[0], i)}
               color="primary"
             >
               <DeleteForeverOutlinedIcon className={classes.hover} />

app/components/Header.tsx

@@ -5,7 +5,7 @@ import { ApplicationContext } from '../context/ApplicationContext';
 import '../stylesheets/Header.scss';
 
 export interface HeaderProps {
-  app: string;
+  app: string[];
   service: string;
   live: boolean;
   setLive: React.Dispatch<React.SetStateAction<boolean>>;

app/containers/GraphsContainer.tsx

@@ -18,7 +18,7 @@ import RouteTrace from '../charts/RouteTrace';
 import '../stylesheets/GraphsContainer.scss';
 
 export interface Params {
-  app: string;
+  app: any;
   service: string;
 }
 

app/stylesheets/Header.scss

@@ -39,7 +39,7 @@ select {
     &:first-of-type {
       position: absolute;
       top: 25px;
-      left: 50px;
+      left: 130px;
       background-color: transparent;
       border: 2px solid $sidebarblue;
       color: $sidebarblue;