From 735bba1e4d4bf64df8c5e4332ab79c5ff8afccd3 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tstanciu@totalsoft.ro>
Date: Sun, 18 Dec 2022 17:28:05 +0200
Subject: [PATCH] ServerNotAvailable translation

---
 public/locales/en/translations.json                      | 5 +++++
 public/locales/ro/translations.json                      | 5 +++++
 .../server/availability/components/ServerNotAvailable.js | 9 +++++----
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/public/locales/en/translations.json b/public/locales/en/translations.json
index 88e6ed7..402aacb 100644
--- a/public/locales/en/translations.json
+++ b/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"
   }
 }
diff --git a/public/locales/ro/translations.json b/public/locales/ro/translations.json
index 1e7097e..28cf1a8 100644
--- a/public/locales/ro/translations.json
+++ b/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"
   }
 }
diff --git a/src/features/server/availability/components/ServerNotAvailable.js b/src/features/server/availability/components/ServerNotAvailable.js
index 375bfdd..21b7c95 100644
--- a/src/features/server/availability/components/ServerNotAvailable.js
+++ b/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>