active session translations

public/locales/en/translations.json

@@ -50,5 +50,9 @@
   "ReleaseNotes": {
     "Title": "Release notes",
     "Version": "Version"
+  },
+  "Server": {
+    "ActiveSession": "Active session",
+    "ActiveSessionSubtitle": "Expand to see forwards"
   }
 }

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"
   }
 }

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>}
+        title={<strong>{t("Server.ActiveSession")}</strong>}
-        subheader="Expand to see forwards"
+        subheader={t("Server.ActiveSessionSubtitle")}
       />
       <CardContent>
         <ActiveSessionSummary session={session} />