SessionSummary update

src/features/session/components/SessionSummary.js

@@ -30,11 +30,11 @@ const SessionSummary = ({ session }) => {
   return (
     <>
       <Grid container className={classes.miniContainer}>
-        <Grid item xs={12} sm={3} md={3}>
+        <Grid item xs={12} sm={5} md={5}>
           {"Session: "}
           <span className={classes.value}>{session.sessionId}</span>
         </Grid>
-        <Grid item xs={12} sm={3} md={3}>
+        <Grid item xs={12} sm={2} md={2}>
           {"Active: "}
           {session.active ? (
             <GreenCheckbox checked={true} disabled />
@@ -46,6 +46,21 @@ const SessionSummary = ({ session }) => {
           {"Start date: "}
           <span className={classes.value}>{session.startDate}</span>
         </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Stop date: "}
+          <span className={classes.value}>{session.stopDate || "---"}</span>
+        </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Running time: "}
+          <span className={classes.value}>{session.runningTime}</span>
+        </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Host: "}
+          <span className={classes.value}>{session.hostName}</span>
+        </Grid>
       </Grid>
     </>
   );