From 9048b0ac6dbef74601d7540e55730dcb641d9e1c Mon Sep 17 00:00:00 2001
From: Guillaume Marcoux <guillaumemarcoux@gmail.com>
Date: Thu, 23 Nov 2023 14:02:10 -0500
Subject: [PATCH] fix: add missing drawer translator function

---
 client/src/i18n/en/navbar.json              |  3 +++
 client/src/i18n/fr/navbar.json              |  3 +++
 client/src/lib/components/nav/Drawer.svelte | 11 +++++++----
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/client/src/i18n/en/navbar.json b/client/src/i18n/en/navbar.json
index 675c3158..5b103c8e 100644
--- a/client/src/i18n/en/navbar.json
+++ b/client/src/i18n/en/navbar.json
@@ -11,5 +11,8 @@
 		"links": {
 			"settings": "Settings"
 		}
+	},
+	"drawer": {
+		"header": "Navigation"
 	}
 }
\ No newline at end of file
diff --git a/client/src/i18n/fr/navbar.json b/client/src/i18n/fr/navbar.json
index 03971304..2da122ee 100644
--- a/client/src/i18n/fr/navbar.json
+++ b/client/src/i18n/fr/navbar.json
@@ -11,5 +11,8 @@
 		"links": {
 			"settings": "Paramètres"
 		}
+	},
+	"drawer": {
+		"header": "Navigation"
 	}
 }
diff --git a/client/src/lib/components/nav/Drawer.svelte b/client/src/lib/components/nav/Drawer.svelte
index f2633492..bebe80c5 100644
--- a/client/src/lib/components/nav/Drawer.svelte
+++ b/client/src/lib/components/nav/Drawer.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores';
+	import { getI18n } from '$i18n';
 	import { getSessionUser, isDrawerHidden } from '$lib/stores';
 	import { navElements } from '$navigation/routes';
 	import { CloseButton, Drawer, Sidebar, SidebarDropdownWrapper, SidebarGroup, SidebarItem, SidebarWrapper } from 'flowbite-svelte';
@@ -7,6 +8,8 @@
 	import DarkMode from '../DarkMode.svelte';
 	import Icon from '../Icon.svelte';
 	import { isNavElemVisible } from './utils';
+	let i18n = getI18n();
+	$: ({ t } = $i18n);
 
 	let sessionUser = getSessionUser();
 
@@ -21,7 +24,7 @@
 	<div class="flex items-center">
 		<h5 id="drawer-label" class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400">
 			<Icon class="i-mdi-information mr-3" />
-			Navigation
+			{$t('navbar.drawer.header')}
 		</h5>
 		<CloseButton on:click={isDrawerHidden.toggle} class="mb-4" />
 	</div>
@@ -31,7 +34,7 @@
 				{#each navElements.filter((navElement) => isNavElemVisible(navElement, $sessionUser)) as navElement}
 					{#if 'url' in navElement}
 						<SidebarItem
-							label={navElement.title}
+							label={$t(navElement.title)}
 							active={$page.url.pathname == navElement.url}
 							href={navElement.url}
 							on:click={() => isDrawerHidden.set(true)}
@@ -44,7 +47,7 @@
 						</SidebarItem>
 					{:else}
 						<SidebarDropdownWrapper
-							label={navElement.title}
+							label={$t(navElement.title)}
 							isOpen={navElement.elements.some((navSubElement) => $page.url.pathname == navSubElement.url)}
 						>
 							<svelte:fragment slot="icon">
@@ -60,7 +63,7 @@
 							</svelte:fragment>
 							{#each navElement.elements.filter((navSubElement) => navSubElement.isPublic || $sessionUser) as navSubElement}
 								<SidebarItem
-									label={navSubElement.title}
+									label={$t(navSubElement.title)}
 									active={$page.url.pathname == navSubElement.url}
 									href={navSubElement.url}
 									class="pl-8"