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 ( @@ -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")} { colorBrightness="secondary" className={classnames(classes.textRow, classes.safetyText)} > - {"Try again in a few seconds"} + {t("ServerAvailability.TryAgain")}