From 1f7f3d829570917a245a7ea04b04ad485cf3fdc5 Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Mon, 23 Jun 2025 00:34:23 +0800
Subject: [PATCH] feat: mobileButtonNav active path

---
 src/components/MobileBottomNav.tsx | 14 ++++++++++++--
 src/components/PageLayout.tsx      |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/MobileBottomNav.tsx b/src/components/MobileBottomNav.tsx
index 4953f61..30ae031 100644
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -14,9 +14,19 @@ import {
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
-const MobileBottomNav = () => {
+interface MobileBottomNavProps {
+  /**
+   * 主动指定当前激活的路径。当未提供时，自动使用 usePathname() 获取的路径。
+   */
+  activePath?: string;
+}
+
+const MobileBottomNav = ({ activePath }: MobileBottomNavProps) => {
   const pathname = usePathname();
 
+  // 当前激活路径：优先使用传入的 activePath，否则回退到浏览器地址
+  const currentActive = activePath ?? pathname;
+
   const navItems = [
     { icon: Home, label: '首页', href: '/' },
     { icon: Search, label: '搜索', href: '/search' },
@@ -50,7 +60,7 @@ const MobileBottomNav = () => {
     const tagMatch = href.match(/tag=([^&]+)/)?.[1];
 
     // 解码URL以进行正确的比较
-    const decodedActive = decodeURIComponent(pathname);
+    const decodedActive = decodeURIComponent(currentActive);
     const decodedItemHref = decodeURIComponent(href);
 
     return (
diff --git a/src/components/PageLayout.tsx b/src/components/PageLayout.tsx
index 5957253..61d8699 100644
--- a/src/components/PageLayout.tsx
+++ b/src/components/PageLayout.tsx
@@ -36,7 +36,7 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
         >
           {children}
         </main>
-        <MobileBottomNav />
+        <MobileBottomNav activePath={activePath} />
       </div>
     </>
   );