47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import { useEffect, useState } from 'react';
|
||
|
|
import { useParams, useRouter } from 'next/navigation';
|
||
|
|
import HomePage from '../../components/HomePage';
|
||
|
|
|
||
|
|
export default function DynamicPage() {
|
||
|
|
const params = useParams();
|
||
|
|
const router = useRouter();
|
||
|
|
const [language, setLanguage] = useState('en');
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const slug = params.slug as string[];
|
||
|
|
let detectedLanguage = 'en';
|
||
|
|
|
||
|
|
// Check if the first segment is a language code
|
||
|
|
if (slug && slug.length > 0) {
|
||
|
|
const firstSegment = slug[0];
|
||
|
|
if (['zh-CN', 'zh-TW'].includes(firstSegment)) {
|
||
|
|
detectedLanguage = firstSegment;
|
||
|
|
|
||
|
|
// If it's just the language root (e.g., /zh-CN), show the homepage
|
||
|
|
if (slug.length === 1) {
|
||
|
|
setLanguage(detectedLanguage);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// For other pages like /zh-CN/products, redirect to main site with language preference
|
||
|
|
localStorage.setItem('preferred-language', detectedLanguage);
|
||
|
|
const remainingPath = slug.slice(1).join('/');
|
||
|
|
router.replace(`/${remainingPath}`);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Check localStorage for saved preference
|
||
|
|
const savedLanguage = localStorage.getItem('preferred-language');
|
||
|
|
if (savedLanguage && ['en', 'zh-CN', 'zh-TW'].includes(savedLanguage)) {
|
||
|
|
detectedLanguage = savedLanguage;
|
||
|
|
}
|
||
|
|
|
||
|
|
setLanguage(detectedLanguage);
|
||
|
|
}, [params, router]);
|
||
|
|
|
||
|
|
return <HomePage initialLanguage={language} data-oid="mzpq2zv" />;
|
||
|
|
}
|