diff --git a/src/Pages/Auth/Register/Register.jsx b/src/Pages/Auth/Register/Register.jsx index 9f93cc821..b3dfd214b 100644 --- a/src/Pages/Auth/Register/Register.jsx +++ b/src/Pages/Auth/Register/Register.jsx @@ -35,7 +35,7 @@ const LandingPage = ({ isSuperAdmin, onSignup }) => { textAlign="center" > - Sign Up + {t("signUP")} {isSuperAdmin ? t("authRegisterCreateSuperAdminAccount") @@ -67,7 +67,7 @@ const LandingPage = ({ isSuperAdmin, onSignup }) => { - {t("authRegisterBySigningUp")} + {t("authRegisterBySigningUp")}{" "} { diff --git a/src/Pages/Auth/Register/StepOne/index.jsx b/src/Pages/Auth/Register/StepOne/index.jsx index 42e547b62..248f57f69 100644 --- a/src/Pages/Auth/Register/StepOne/index.jsx +++ b/src/Pages/Auth/Register/StepOne/index.jsx @@ -4,6 +4,7 @@ import { useTheme } from "@emotion/react"; import { Box, Button, Stack, Typography } from "@mui/material"; import ArrowBackRoundedIcon from "@mui/icons-material/ArrowBackRounded"; import TextInput from "../../../../Components/Inputs/TextInput"; +import { useTranslation } from "react-i18next"; StepOne.propTypes = { form: PropTypes.object, @@ -28,6 +29,7 @@ StepOne.propTypes = { function StepOne({ form, errors, onSubmit, onChange, onBack }) { const theme = useTheme(); const inputRef = useRef(null); + const { t } = useTranslation(); useEffect(() => { if (inputRef.current) { @@ -43,8 +45,8 @@ function StepOne({ form, errors, onSubmit, onChange, onBack }) { textAlign="center" > - Sign Up - Enter your personal details + {t("signUp")} + {t("authRegisterStepOnePersonalDetails")} - Back + {t("commonBack")} diff --git a/src/Pages/DistributedUptime/Create/index.jsx b/src/Pages/DistributedUptime/Create/index.jsx index 57160d2ab..458aa011f 100644 --- a/src/Pages/DistributedUptime/Create/index.jsx +++ b/src/Pages/DistributedUptime/Create/index.jsx @@ -19,6 +19,7 @@ import { monitorValidation } from "../../../Validation/validation"; import { useParams } from "react-router-dom"; import { useCreateDistributedUptimeMonitor } from "./Hooks/useCreateDistributedUptimeMonitor"; import { useMonitorFetch } from "./Hooks/useMonitorFetch"; +import { useTranslation } from "react-i18next"; // Constants const MS_PER_MINUTE = 60000; @@ -41,6 +42,7 @@ const parseUrl = (url) => { const CreateDistributedUptime = () => { const { monitorId } = useParams(); const isCreate = typeof monitorId === "undefined"; + const { t } = useTranslation(); let BREADCRUMBS = [ { name: `distributed uptime`, path: "/distributed-uptime" }, @@ -191,14 +193,14 @@ const CreateDistributedUptime = () => { fontSize="inherit" fontWeight="inherit" > - monitor + {t("monitor")} - General settings + {t("settingsGeneralSettings")} - Here you can select the URL of the host, together with the type of monitor. + {t("distributedUptimeCreateSelectURL")} @@ -232,9 +234,9 @@ const CreateDistributedUptime = () => { - Checks to perform + {t("distributedUptimeCreateChecks")} - You can always add or remove checks after adding your site. + {t("distributedUptimeCreateChecksDescription")} @@ -259,14 +261,14 @@ const CreateDistributedUptime = () => { filled={https.toString()} onClick={() => setHttps(true)} > - HTTPS + {t("https")} ) : ( @@ -291,9 +293,9 @@ const CreateDistributedUptime = () => { - Incident notifications + {t("distributedUptimeCreateIncidentNotification")} - When there is an incident, notify users. + {t("distributedUptimeCreateIncidentDescription")} @@ -310,7 +312,7 @@ const CreateDistributedUptime = () => { - Advanced settings + {t("distributedUptimeCreateAdvancedSettings")}