x

apps/website/src/components/TrackOrderClient.tsx

@@ -1,11 +1,13 @@
 "use client";
 
-import Link from 'next/link'
+import Link from './LocalizedLink'
 import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { ChevronRight, Loader2, Package, Search } from 'lucide-react'
 
 import { API_BASE } from '../lib/api'
+import { useLang } from '../hooks/useLang'
+import { getPathWithLocale } from '../lib/locales'
 
 type TrackResponse =
   | { success: true; orderId: number }
@@ -30,6 +32,7 @@ function orderLabel(id: number) {
 
 export default function TrackOrderClient() {
   const router = useRouter()
+  const lang = useLang()
   const [orderId, setOrderId] = useState('')
   const [phone, setPhone] = useState('')
   const [localOrders, setLocalOrders] = useState<number[]>([])
@@ -75,7 +78,7 @@ export default function TrackOrderClient() {
 
       if (response.ok && 'success' in data && data.success) {
         saveLocalOrder(data.orderId)
-        router.push(`/order/${data.orderId}`)
+        router.push(getPathWithLocale(`/order/${data.orderId}`, lang))
         return
       }