translate menu items

client/src/Components/Sidebar/index.jsx

@@ -47,46 +47,47 @@ import "./index.css";
 import { useLocation, useNavigate } from "react-router";
 import { useTheme } from "@emotion/react";
 import { useDispatch, useSelector } from "react-redux";
+import { useTranslation } from "react-i18next";
 import { clearAuthState } from "../../Features/Auth/authSlice";
 import { toggleSidebar } from "../../Features/UI/uiSlice";
 import { clearUptimeMonitorState } from "../../Features/UptimeMonitors/uptimeMonitorsSlice";
 
-const menu = [
-	{ name: "Uptime", path: "uptime", icon: <Monitors /> },
-	{ name: "Pagespeed", path: "pagespeed", icon: <PageSpeed /> },
-	{ name: "Infrastructure", path: "infrastructure", icon: <Integrations /> },
+const getMenu = (t) => [
+	{ name: t("menu.uptime"), path: "uptime", icon: <Monitors /> },
+	{ name: t("menu.pagespeed"), path: "pagespeed", icon: <PageSpeed /> },
+	{ name: t("menu.infrastructure"), path: "infrastructure", icon: <Integrations /> },
 	{
-		name: "Distributed uptime",
+		name: t("menu.distributedUptime"),
 		path: "distributed-uptime",
 		icon: <DistributedUptimeIcon />,
 	},
-	{ name: "Incidents", path: "incidents", icon: <Incidents /> },
+	{ name: t("menu.incidents"), path: "incidents", icon: <Incidents /> },
 
-	{ name: "Status pages", path: "status", icon: <StatusPages /> },
-	{ name: "Maintenance", path: "maintenance", icon: <Maintenance /> },
-	// { name: "Integrations", path: "integrations", icon: <Integrations /> },
+	{ name: t("menu.statusPages"), path: "status", icon: <StatusPages /> },
+	{ name: t("menu.maintenance"), path: "maintenance", icon: <Maintenance /> },
+	// { name: t("menu.integrations"), path: "integrations", icon: <Integrations /> },
 	{
-		name: "Settings",
+		name: t("menu.settings"),
 		icon: <Settings />,
 		path: "settings",
 	},
 ];
 
-const otherMenuItems = [
-	{ name: "Support", path: "support", icon: <Support /> },
+const getOtherMenuItems = (t) => [
+	{ name: t("menu.support"), path: "support", icon: <Support /> },
 	{
-		name: "Discussions",
+		name: t("menu.discussions"),
 		path: "discussions",
 		icon: <Discussions />,
 	},
-	{ name: "Docs", path: "docs", icon: <Docs /> },
-	{ name: "Changelog", path: "changelog", icon: <ChangeLog /> },
+	{ name: t("menu.docs"), path: "docs", icon: <Docs /> },
+	{ name: t("menu.changelog"), path: "changelog", icon: <ChangeLog /> },
 ];
 
-const accountMenuItems = [
-	{ name: "Profile", path: "account/profile", icon: <UserSvg /> },
-	{ name: "Password", path: "account/password", icon: <LockSvg /> },
-	{ name: "Team", path: "account/team", icon: <TeamSvg /> },
+const getAccountMenuItems = (t) => [
+	{ name: t("menu.profile"), path: "account/profile", icon: <UserSvg /> },
+	{ name: t("menu.password"), path: "account/password", icon: <LockSvg /> },
+	{ name: t("menu.team"), path: "account/team", icon: <TeamSvg /> },
 ];
 
 /* TODO this could be a key in nested Path would be the link */
@@ -118,7 +119,12 @@ function Sidebar() {
 	const navigate = useNavigate();
 	const location = useLocation();
 	const dispatch = useDispatch();
+	const { t } = useTranslation();
 	const authState = useSelector((state) => state.auth);
+	
+	const menu = getMenu(t);
+	const otherMenuItems = getOtherMenuItems(t);
+	const accountMenuItems = getAccountMenuItems(t);
 	const collapsed = useSelector((state) => state.ui.sidebar.collapsed);
 	const [open, setOpen] = useState({ Dashboard: false, Account: false, Other: false });
 	const [anchorEl, setAnchorEl] = useState(null);

client/src/Pages/Uptime/Monitors/index.jsx

@@ -31,11 +31,11 @@ import PropTypes from "prop-types";
 import useFetchMonitorsWithSummary from "../../../Hooks/useFetchMonitorsWithSummary";
 import useFetchMonitorsWithChecks from "../../../Hooks/useFetchMonitorsWithChecks";
 import { useTranslation } from "react-i18next";
-const BREADCRUMBS = [{ name: `Uptime`, path: "/uptime" }];
 const TYPES = ["http", "ping", "docker", "port"];
 const CreateMonitorButton = ({ shouldRender }) => {
 	// Utils
 	const navigate = useNavigate();
+	const { t } = useTranslation();
 	if (shouldRender === false) {
 		return;
 	}
@@ -49,7 +49,7 @@ const CreateMonitorButton = ({ shouldRender }) => {
 					navigate("/uptime/create");
 				}}
 			>
-				Create new
+				{t("createNew")}
 			</Button>
 		</Box>
 	);
@@ -78,10 +78,13 @@ const UptimeMonitors = () => {
 
 	// Utils
 	const theme = useTheme();
+	const navigate = useNavigate();
 	const isAdmin = useIsAdmin();
 	const dispatch = useDispatch();
 	const { t } = useTranslation();
 
+	const BREADCRUMBS = [{ name: t("menu.uptime"), path: "/uptime" }];
+
 	// Handlers
 	const handleChangePage = (event, newPage) => {
 		setPage(newPage);

client/src/locales/gb.json

@@ -439,6 +439,29 @@
   "pageSpeedApiKeyFieldLabel": "PageSpeed API key",
   "pageSpeedApiKeyFieldDescription": "Enter your Google PageSpeed API key to enable pagespeed monitoring. Click Reset to update the key.",
   "pageSpeedApiKeyFieldResetLabel": "API key is set. Click Reset to change it.",
-  "reset": "Reset"
+  "reset": "Reset",
+  "createNew": "Create new",
+  "monitorState": {
+    "paused": "paused",
+    "resumed": "resumed"
+  },
+  "menu": {
+    "uptime": "Uptime",
+    "pagespeed": "Pagespeed",
+    "infrastructure": "Infrastructure",
+    "distributedUptime": "Distributed uptime",
+    "incidents": "Incidents",
+    "statusPages": "Status pages",
+    "maintenance": "Maintenance",
+    "integrations": "Integrations",
+    "settings": "Settings",
+    "support": "Support",
+    "discussions": "Discussions",
+    "docs": "Docs",
+    "changelog": "Changelog",
+    "profile": "Profile",
+    "password": "Password",
+    "team": "Team"
+  }
 }
 

client/src/locales/ru.json

@@ -393,5 +393,28 @@
   "maintenanceTableActionMenuDialogTitle": "",
   "pageSpeedWarning": "Предупреждение: Вы не добавили ключ API Google PageSpeed. Без него монитор PageSpeed не будет работать.",
   "pageSpeedLearnMoreLink": "Нажмите здесь, чтобы узнать",
-  "pageSpeedAddApiKey": "как добавить ваш ключ API."
+  "pageSpeedAddApiKey": "как добавить ваш ключ API.",
+  "createNew": "Создать новый",
+  "monitorState": {
+    "paused": "приостановлен",
+    "resumed": "возобновлен"
+  },
+  "menu": {
+    "uptime": "Аптайм",
+    "pagespeed": "Скорость страницы",
+    "infrastructure": "Инфраструктура",
+    "distributedUptime": "Распределенный аптайм",
+    "incidents": "Инциденты",
+    "statusPages": "Страницы статуса",
+    "maintenance": "Обслуживание",
+    "integrations": "Интеграции",
+    "settings": "Настройки",
+    "support": "Поддержка",
+    "discussions": "Обсуждения",
+    "docs": "Документация",
+    "changelog": "История изменений",
+    "profile": "Профиль",
+    "password": "Пароль",
+    "team": "Команда"
+  }
 }

client/src/locales/tr.json

@@ -427,5 +427,28 @@
     "validationFailed": "",
     "noFileSelected": "",
     "fallbackPage": ""
+  },
+  "createNew": "Yeni oluştur",
+  "monitorState": {
+    "paused": "duraklatıldı",
+    "resumed": "devam ettirildi"
+  },
+  "menu": {
+    "uptime": "Çalışma Süresi",
+    "pagespeed": "Sayfa Hızı",
+    "infrastructure": "Altyapı",
+    "distributedUptime": "Dağıtılmış Çalışma Süresi",
+    "incidents": "Olaylar",
+    "statusPages": "Durum Sayfaları",
+    "maintenance": "Bakım",
+    "integrations": "Entegrasyonlar",
+    "settings": "Ayarlar",
+    "support": "Destek",
+    "discussions": "Tartışmalar",
+    "docs": "Belgeler",
+    "changelog": "Değişiklik Günlüğü",
+    "profile": "Profil",
+    "password": "Şifre",
+    "team": "Takım"
   }
 }