'use client' import { useEffect, useState } from 'react' import { NextIntlClientProvider } from 'next-intl' import Header from '@/components/Header' import Footer from '@/components/Footer' import WhatsAppButton from '@/components/WhatsAppButton' import NewsDetailClient from './[locale]/news/[slug]/client' import EventGalleryDetailClient from './[locale]/event-gallery/[slug]/client' import enMessages from '../../messages/en.json' import zhMessages from '../../messages/zh.json' import scMessages from '../../messages/sc.json' const allMessages: Record> = { en: enMessages, zh: zhMessages, sc: scMessages, } const LOCALES = ['en', 'zh', 'sc'] const BASE_PATH = process.env.NEXT_PUBLIC_BASE_PATH || '' type RouteMatch = | { type: 'news'; locale: string; slug: string } | { type: 'event-gallery'; locale: string; slug: string } | { type: '404'; locale: string } function matchRoute(pathname: string): RouteMatch { const path = pathname.replace(BASE_PATH, '') const localePattern = `(${LOCALES.join('|')})` const newsMatch = path.match(new RegExp(`^/${localePattern}/news/([^/]+)/?$`)) if (newsMatch) return { type: 'news', locale: newsMatch[1], slug: newsMatch[2] } const galleryMatch = path.match(new RegExp(`^/${localePattern}/event-gallery/([^/]+)/?$`)) if (galleryMatch) return { type: 'event-gallery', locale: galleryMatch[1], slug: galleryMatch[2] } const localeMatch = path.match(new RegExp(`^/${localePattern}`)) return { type: '404', locale: localeMatch?.[1] || 'en' } } export default function NotFound() { const [route, setRoute] = useState(null) useEffect(() => { setRoute(matchRoute(window.location.pathname)) }, []) if (!route) { return (
) } const { locale } = route const messages = allMessages[locale] || allMessages.en const htmlLang = locale === 'sc' ? 'zh-Hans' : locale === 'zh' ? 'zh-Hant' : 'en' let content: React.ReactNode switch (route.type) { case 'news': content = break case 'event-gallery': content = break default: content = (

404

Page not found

Go to homepage
) } return (
{content}