new translations

public/locales/en/translations.json

@@ -17,5 +17,12 @@
     "Sessions": "Sessions",
     "About": "About"
   },
-  "Session": "Session"
+  "Session": {
+    "Session": "Session",
+    "Active": "Active",
+    "StartDate": "Start date",
+    "StopDate": "Stop date",
+    "RunningTime": "Running time",
+    "Host": "Host"
+  }
 }

public/locales/ro/translations.json

@@ -8,5 +8,12 @@
     "Sessions": "Sesiuni",
     "About": "Despre"
   },
-  "Session": "Sesiune"
+  "Session": {
+    "Session": "Sesiune",
+    "Active": "Activă",
+    "StartDate": "Dată pornire",
+    "StopDate": "Dată oprire",
+    "RunningTime": "Timp de rulare",
+    "Host": "Gazdă"
+  }
 }

src/features/session/components/SessionSummary.js

@@ -22,11 +22,11 @@ const SessionSummary = ({ session }) => {
     <>
       <Grid container className={classes.miniContainer}>
         <Grid item xs={12} sm={5} md={5}>
-          {`${t("Session")}: `}
+          {`${t("Session.Session")}: `}
           <span className={classes.value}>{session.sessionId}</span>
         </Grid>
         <Grid item xs={12} sm={2} md={2}>
-          {"Active: "}
+          {`${t("Session.Active")}: `}
           {session.active ? (
             <CheckCircleOutlineRounded color="primary" />
           ) : (
@@ -34,7 +34,7 @@ const SessionSummary = ({ session }) => {
           )}
         </Grid>
         <Grid item xs={12} sm={3} md={3}>
-          {"Start date: "}
+          {`${t("Session.StartDate")}: `}
           <span className={classes.value}>
             {t("DATE_FORMAT", {
               date: { value: session.startDate, format: "DD-MM-YYYY HH:mm:ss" }
@@ -43,7 +43,7 @@ const SessionSummary = ({ session }) => {
         </Grid>
 
         <Grid item xs={12} sm={3} md={3}>
-          {"Stop date: "}
+          {`${t("Session.StopDate")}: `}
           <span className={classes.value}>
             {session.stopDate
               ? t("DATE_FORMAT", {
@@ -57,12 +57,12 @@ const SessionSummary = ({ session }) => {
         </Grid>
 
         <Grid item xs={12} sm={3} md={3}>
-          {"Running time: "}
+          {`${t("Session.RunningTime")}: `}
           <span className={classes.value}>{session.runningTime}</span>
         </Grid>
 
         <Grid item xs={12} sm={3} md={3}>
-          {"Host: "}
+          {`${t("Session.Host")}: `}
           <span className={classes.value}>{session.hostName}</span>
         </Grid>
       </Grid>