From af66b31e3575b1c3b242c38b1d3f750f3d1389c6 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Tue, 28 May 2024 22:49:43 +0200
Subject: [PATCH] Translate tabbar items

---
 front/apps/mobile/app/(app)/(tabs)/_layout.tsx | 9 ++++++---
 front/translations/en.json                     | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/front/apps/mobile/app/(app)/(tabs)/_layout.tsx b/front/apps/mobile/app/(app)/(tabs)/_layout.tsx
index 9f6f1d21..9def31a3 100644
--- a/front/apps/mobile/app/(app)/(tabs)/_layout.tsx
+++ b/front/apps/mobile/app/(app)/(tabs)/_layout.tsx
@@ -23,8 +23,11 @@ import Browse from "@material-symbols/svg-400/rounded/browse-fill.svg";
 import Downloading from "@material-symbols/svg-400/rounded/downloading-fill.svg";
 import Home from "@material-symbols/svg-400/rounded/home-fill.svg";
 import { Tabs } from "expo-router";
+import { useTranslation } from "react-i18next";
 
 export default function TabsLayout() {
+	const { t } = useTranslation();
+
 	return (
 		<Tabs
 			screenOptions={{
@@ -34,21 +37,21 @@ export default function TabsLayout() {
 			<Tabs.Screen
 				name="index"
 				options={{
-					tabBarLabel: "Home",
+					tabBarLabel: t("navbar.home"),
 					tabBarIcon: ({ color, size }) => <Icon icon={Home} color={color} size={size} />,
 				}}
 			/>
 			<Tabs.Screen
 				name="browse"
 				options={{
-					tabBarLabel: "Browse",
+					tabBarLabel: t("navbar.browse"),
 					tabBarIcon: ({ color, size }) => <Icon icon={Browse} color={color} size={size} />,
 				}}
 			/>
 			<Tabs.Screen
 				name="downloads"
 				options={{
-					tabBarLabel: "Downloads",
+					tabBarLabel: t("navbar.download"),
 					tabBarIcon: ({ color, size }) => <Icon icon={Downloading} color={color} size={size} />,
 				}}
 			/>
diff --git a/front/translations/en.json b/front/translations/en.json
index 89a285bc..059f58f0 100644
--- a/front/translations/en.json
+++ b/front/translations/en.json
@@ -103,6 +103,7 @@
 	"navbar": {
 		"home": "Home",
 		"browse": "Browse",
+		"download": "Download",
 		"search": "Search",
 		"login": "Login",
 		"admin": "Admin panel"