From 9be6725043a64ba49801bbfb0b074cd43138c583 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 27 Dec 2024 14:03:43 -0600
Subject: [PATCH] feat: some more localized links

---
 .../[...locale]/tools/tankopedia/_index.tsx   | 23 ++++++++++++-------
 .../[...locale]/tools/tankopedia/index.astro  |  6 +++--
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/website/src/pages/[...locale]/tools/tankopedia/_index.tsx b/packages/website/src/pages/[...locale]/tools/tankopedia/_index.tsx
index 860d7663a..6dafe221a 100644
--- a/packages/website/src/pages/[...locale]/tools/tankopedia/_index.tsx
+++ b/packages/website/src/pages/[...locale]/tools/tankopedia/_index.tsx
@@ -1,16 +1,23 @@
 import { PageWrapper } from '../../../../components/PageWrapper';
 import { TankSearch } from '../../../../components/TankSearch';
+import { LocaleProvider } from '../../../../hooks/useLocale';
 import { App } from '../../../../stores/app';
 import { TankopediaPersistent } from '../../../../stores/tankopediaPersistent';
 
-export function Page() {
+interface PageProps {
+  locale: string | undefined;
+}
+
+export function Page({ locale }: PageProps) {
   return (
-    <PageWrapper color="purple" maxWidth="80rem">
-      <TankopediaPersistent.Provider>
-        <App.Provider>
-          <TankSearch />
-        </App.Provider>
-      </TankopediaPersistent.Provider>
-    </PageWrapper>
+    <LocaleProvider locale={locale}>
+      <PageWrapper color="purple" maxWidth="80rem">
+        <TankopediaPersistent.Provider>
+          <App.Provider>
+            <TankSearch />
+          </App.Provider>
+        </TankopediaPersistent.Provider>
+      </PageWrapper>
+    </LocaleProvider>
   );
 }
diff --git a/packages/website/src/pages/[...locale]/tools/tankopedia/index.astro b/packages/website/src/pages/[...locale]/tools/tankopedia/index.astro
index 0efb66a9a..71a69ab5c 100644
--- a/packages/website/src/pages/[...locale]/tools/tankopedia/index.astro
+++ b/packages/website/src/pages/[...locale]/tools/tankopedia/index.astro
@@ -4,10 +4,12 @@ import ToolLayout from '../../../../layouts/ToolLayout.astro';
 import { Page } from './_index';
 
 export { getStaticPaths } from '../../index.astro';
+
+const { locale } = Astro.params;
 ---
 
 <ToolLayout tool={tankopediaTool}>
-  <Page client:only="react">
-    <Page slot="fallback" />
+  <Page {locale} client:only="react">
+    <Page {locale} slot="fallback" />
   </Page>
 </ToolLayout>