x

apps/spa/src/pages/SearchPage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useSearchParams, Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import Navbar from '../components/Navbar'
 import Footer from '../components/Footer'
 import ProductCard from '../components/ProductCard'
@@ -17,13 +18,14 @@ export default function SearchPage() {
   const [loading, setLoading] = useState(false)
   const [searched, setSearched] = useState(false)
   const [cmsSections, setCmsSections] = useState<PageSection[]>([])
+  const { i18n } = useTranslation()
 
   useEffect(() => {
-    fetch(`${API_BASE}/categories`).then(r => r.json()).then(setCategories).catch(console.error)
-  }, [])
+    fetch(`${API_BASE}/categories?lang=${i18n.language}`).then(r => r.json()).then(setCategories).catch(console.error)
+  }, [i18n.language])
 
   useEffect(() => {
-    fetch(`${API_BASE}/pages/search-layout`)
+    fetch(`${API_BASE}/pages/search-layout?lang=${i18n.language}`)
       .then((r) => {
         if (!r.ok) throw new Error('Page not found');
         return r.json();
@@ -36,14 +38,14 @@ export default function SearchPage() {
       .catch((err) => {
         console.log('Search dynamic layout sections not loaded:', err.message);
       });
-  }, [])
+  }, [i18n.language])
 
   const doSearch = useCallback(async (q: string) => {
     if (!q.trim()) { setProducts([]); setSearched(false); return }
     setLoading(true)
     setSearched(true)
     try {
-      const res = await fetch(`${API_BASE}/products?search=${encodeURIComponent(q)}`)
+      const res = await fetch(`${API_BASE}/products?search=${encodeURIComponent(q)}&lang=${i18n.language}`)
       const paginated = await res.json()
       setProducts(paginated.data || [])
     } catch (err) {
@@ -51,7 +53,7 @@ export default function SearchPage() {
     } finally {
       setLoading(false)
     }
-  }, [])
+  }, [i18n.language])
 
   // Search when URL query changes
   useEffect(() => {