feat: add a feature that only works on March 32nd

nini22P · nini22P · commit a309aba98841 · 2026-04-01T08:27:37.000+08:00
diff --git a/app/[locale]/components/AprilFools/AprilFools.tsx b/app/[locale]/components/AprilFools/AprilFools.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import { useEffect } from 'react'
+import { usePathname } from 'next/navigation'
+
+const AprilFools = () => {
+  const pathname = usePathname()
+
+  useEffect(() => {
+    const now = new Date()
+    if (now.getMonth() !== 3 || now.getDate() !== 1) return
+
+    if (document.title.includes('WebGAL'))
+      document.title = document.title.replace(/WebGAL/g, 'WebG@L')
+
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)
+    const textNodes: Text[] = []
+    let node: Node | null
+    while ((node = walker.nextNode())) textNodes.push(node as Text)
+    textNodes.forEach(node => {
+      if (node.textContent?.includes('WebGAL'))
+        node.textContent = node.textContent.replace(/WebGAL/g, 'WebG@L')
+    })
+  }, [pathname])
+
+  return null
+}
+
+export default AprilFools
+
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -5,6 +5,7 @@ import { i18n } from '../../i18n'
 import Footer from './components/Footer/Footer'
 import Navbar from './components/Navbar/Navbar'
 import { GoogleAnalytics } from '@next/third-parties/google'
+import AprilFools from './components/AprilFools/AprilFools'
 
 const notoSansSC = Noto_Sans_SC({
   subsets: ['latin'],
@@ -29,6 +30,7 @@ export default async function LangLayout({ children, params: { locale } }
     <html lang={locale} className={notoSansSC.className}>
       <body>
         <NextIntlClientProvider locale={locale} messages={locales}>
+          <AprilFools />
           <Navbar />
           {children}
           <Footer />
diff --git a/package-lock.json b/package-lock.json
