From adc282511c6bec329df60c8754d866afcf180fcd Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Mon, 18 May 2020 23:52:06 +0300
Subject: [PATCH] active session translations

---
 public/locales/en/translations.json                    |  4 ++++
 public/locales/ro/translations.json                    |  4 ++++
 .../server/components/ActiveSessionComponent.js        | 10 ++++++----
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/public/locales/en/translations.json b/public/locales/en/translations.json
index 3214488..b6b032d 100644
--- a/public/locales/en/translations.json
+++ b/public/locales/en/translations.json
@@ -50,5 +50,9 @@
   "ReleaseNotes": {
     "Title": "Release notes",
     "Version": "Version"
+  },
+  "Server": {
+    "ActiveSession": "Active session",
+    "ActiveSessionSubtitle": "Expand to see forwards"
   }
 }
diff --git a/public/locales/ro/translations.json b/public/locales/ro/translations.json
index ef207ed..fd6305e 100644
--- a/public/locales/ro/translations.json
+++ b/public/locales/ro/translations.json
@@ -41,5 +41,9 @@
   "ReleaseNotes": {
     "Title": "Note lansare",
     "Version": "Versiune"
+  },
+  "Server": {
+    "ActiveSession": "Sesiune activă",
+    "ActiveSessionSubtitle": "Extindeţi pentru a vedea redirecţionările"
   }
 }
diff --git a/src/features/server/components/ActiveSessionComponent.js b/src/features/server/components/ActiveSessionComponent.js
index 1d702bd..bfcf1e9 100644
--- a/src/features/server/components/ActiveSessionComponent.js
+++ b/src/features/server/components/ActiveSessionComponent.js
@@ -11,14 +11,16 @@ import Avatar from "@material-ui/core/Avatar";
 import IconButton from "@material-ui/core/IconButton";
 import Typography from "@material-ui/core/Typography";
 import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
-import ShareRoundedIcon from "@material-ui/icons/ShareRounded";
+import SurroundSoundRoundedIcon from "@material-ui/icons/SurroundSoundRounded";
 import ActiveSessionSummary from "./ActiveSessionSummary";
 import styles from "../../../components/common/styles/expandableCardStyles";
+import { useTranslation } from "react-i18next";
 
 const useStyles = makeStyles(styles);
 
 const ActiveSessionComponent = ({ session }) => {
   const classes = useStyles();
+  const { t } = useTranslation();
   const [expanded, setExpanded] = React.useState(false);
 
   const handleExpandClick = () => {
@@ -30,7 +32,7 @@ const ActiveSessionComponent = ({ session }) => {
       <CardHeader
         avatar={
           <Avatar aria-label="recipe" className={classes.avatar}>
-            <ShareRoundedIcon />
+            <SurroundSoundRoundedIcon />
           </Avatar>
         }
         action={
@@ -45,8 +47,8 @@ const ActiveSessionComponent = ({ session }) => {
             <ExpandMoreIcon />
           </IconButton>
         }
-        title={<strong>Active session</strong>}
-        subheader="Expand to see forwards"
+        title={<strong>{t("Server.ActiveSession")}</strong>}
+        subheader={t("Server.ActiveSessionSubtitle")}
       />
       <CardContent>
         <ActiveSessionSummary session={session} />