ServerNotAvailable translation

public/locales/en/translations.json

@@ -88,5 +88,10 @@
         "LinkCopiedToClipboard": "The link has been copied to the clipboard."
       }
     }
+  },
+  "ServerAvailability": {
+    "Unavailable": "Oops. Looks like the server is currently unavailable.",
+    "TryAgain": "Try again in a few seconds",
+    "Retry": "Retry"
   }
 }

public/locales/ro/translations.json

@@ -79,5 +79,10 @@
         "LinkCopiedToClipboard": "Linkul a fost copiat în clipboard."
       }
     }
+  },
+  "ServerAvailability": {
+    "Unavailable": "Hopa! Se pare că serverul nu este disponibil momentan.",
+    "TryAgain": "Încercați din nou în câteva secunde",
+    "Retry": "Reîncercați"
   }
 }

src/features/server/availability/components/ServerNotAvailable.js

@@ -4,9 +4,11 @@ import { Link } from "react-router-dom";
 import useStyles from "../styles";
 import classnames from "classnames";
 import ServerIsDown from "../../../../images/ServerIsDown.gif";
+import { useTranslation } from "react-i18next";
 
 const ServerNotAvailable = () => {
   const classes = useStyles();
+  const { t } = useTranslation();
 
   return (
     <Grid container className={classes.container}>
@@ -22,7 +24,7 @@ const ServerNotAvailable = () => {
           variant="h5"
           className={classnames(classes.textRow, classes.safetyText)}
         >
-          {"Oops. Looks like the server is currently unavailable."}
+          {t("ServerAvailability.Unavailable")}
         </Typography>
         <Typography
           variant="h6"
@@ -30,17 +32,16 @@ const ServerNotAvailable = () => {
           colorBrightness="secondary"
           className={classnames(classes.textRow, classes.safetyText)}
         >
-          {"Try again in a few seconds"}
+          {t("ServerAvailability.TryAgain")}
         </Typography>
         <Button
           variant="contained"
-          // color="primary"
           component={Link}
           to="/"
           size="large"
           className={classes.button}
         >
-          Retry
+          {t("ServerAvailability.Retry")}
         </Button>
       </Paper>
     </Grid>