push the button

front/Navigation.tsx

@@ -35,6 +35,7 @@ import SignupView from './views/SignupView';
 import TabNavigation from './components/V2/TabNavigation';
 import PasswordResetView from './views/PasswordResetView';
 import ForgotPasswordView from './views/ForgotPasswordView';
+import Leaderboardiew from './views/LeaderboardView';
 
 // Util function to hide route props in URL
 const removeMe = () => '';
@@ -85,6 +86,11 @@ const protectedRoutes = () =>
 			options: { title: translate('search') },
 			link: '/search/:query?',
 		},
+		Leaderboard: {
+			component: Leaderboardiew,
+			options: { title: translate('leaderboardTitle') },
+			link: '/leaderboard',
+		},
 		Error: {
 			component: ErrorView,
 			options: { title: translate('error'), headerLeft: null },

front/components/V2/TabNavigation.tsx

@@ -43,6 +43,12 @@ const tabs = [
 		icon: <Ionicons name="search" size={24} color="black" />,
 		iconName: 'search',
 	},
+	{
+		id: 'leaderboard',
+		label: 'Leaderboard',
+		icon: <Ionicons name='medal' size={24} color='black' />,
+		iconName: 'medal',
+	},
 	{
 		id: 'notifications',
 		label: 'Notifications',

front/i18n/Translations.ts

@@ -32,6 +32,7 @@ export const en = {
 	goNextStep: 'Step Up!',
 	mySkillsToImprove: 'My Competencies to work on',
 	recentlyPlayed: 'Recently played',
+	leaderboardTitle: 'Leaderboard',
 
 	songsToGetBetter: 'Recommendations',
 	lastSearched: 'Last searched',
@@ -207,6 +208,7 @@ export const fr: typeof en = {
 	lastScore: 'Dernier Score',
 	bestStreak: 'Meilleure série',
 	precision: 'Précision',
+	leaderboardTitle: 'Tableau d\'honneur',
 
 	langBtn: 'Langage',
 	backBtn: 'Retour',
@@ -411,6 +413,7 @@ export const sp: typeof en = {
 	mySkillsToImprove: 'Mis habilidades para mejorar',
 	recentlyPlayed: 'Recientemente jugado',
 	lastSearched: 'Ultimas búsquedas',
+	leaderboardTitle: 'tabla de clasificación',
 
 	welcome: 'Benvenido a Chromacase',
 	langBtn: 'Langua',