updating IOCDetails a bit. Linked to Grafana node metrics (embedding did not work)

src/components/IOC/IOCConfiguration.js

@@ -35,7 +35,7 @@ export function IOCConfiguration({ ioc, getIOC }) {
 
   let content = <></>;
   if (ioc) {
-    const getSubset = ({ name, description, host, active, status }) => ({ name, description, host, active, status });
+    const getSubset = ({ name, description, host, active, status, git }) => ({ name, description, host, active, status, git });
     const ioc2 = getSubset(ioc)
     console.log(ioc2);
     delete ioc2.activeDeployment;

src/components/IOC/IOCDetails.js

@@ -10,7 +10,7 @@ export function IOCDetails({ ioc }) {
   return (
     <>
     <SimpleAccordion defaultExpanded summary={<IOCBadge ioc={ioc} />} >
-      <KeyValueTable obj={ioc} variant="table"/>
+      <KeyValueTable obj={ioc} variant="overline"/>
     </SimpleAccordion>
     <SimpleAccordion summary="Deployment">
       Check me out!

src/components/IOC/IOCLiveStatus.js

@@ -6,9 +6,13 @@ export function IOCLiveStatus({ioc}) {
   useGlobalAppBar(
     "IOC Details"
   );
+
+  const liveIOC = {...ioc};
+  liveIOC.host = ioc.activeDeployment.host.host;
   return (
     <>
-    <IOCBadge ioc={ioc}/>
+    <IOCBadge ioc={liveIOC}/>
+    <a href={`https://grafana.tn.esss.lu.se/d/5zJT23xWz/node-exporter-full?orgId=1&var-node=${liveIOC.host}`} target="_blank" rel="noreferrer">View Host Status on Graphana</a>
     </>
   );
 }
\ No newline at end of file

src/components/common/KeyValueTable/KeyValueTable.js

@@ -37,9 +37,9 @@ export function KeyValueTable({ obj, variant="overline" }) {
                   </Typography>
                 }
                 {
-                  typeof(obj[key]) === "string" ? 
+                  typeof(obj[key]) !== "object" ? 
                 <Typography>
-                  {obj[key]}
+                  {`${obj[key]}`}
                 </Typography>
                 : <div>{obj[key]}</div>
                 }

src/components/deployments/DeploymentDetails.js

@@ -66,7 +66,7 @@ export function DeploymentDetails({ deployment, onDeploymentStart, startButtonDi
         </Card>
       </Grid>
       <Grid item xs={12} md={12}>
-        <SimpleAccordion summary="Deployment steps" defaultExpanded>
+        <SimpleAccordion summary="Deployment Job Output" defaultExpanded>
           <DeploymentJobStdOut deploymentJob={deploymentJob} />
         </SimpleAccordion>
       </Grid>