From e499ccb3a6729e26071a4be05d8c93d99dc2c2f3 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 4 Jun 2024 09:45:30 +0800
Subject: [PATCH] =?UTF-8?q?gitbook=20=E4=BA=BF=E7=82=B9=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/gitbook/components/CatalogDrawerWrapper.js | 6 ++++++
 themes/gitbook/components/PageNavDrawer.js        | 8 +++++++-
 themes/gitbook/index.js                           | 2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/themes/gitbook/components/CatalogDrawerWrapper.js b/themes/gitbook/components/CatalogDrawerWrapper.js
index 3b6ee8da..c978ee15 100644
--- a/themes/gitbook/components/CatalogDrawerWrapper.js
+++ b/themes/gitbook/components/CatalogDrawerWrapper.js
@@ -1,5 +1,7 @@
 import { useGlobal } from '@/lib/global'
 import { useGitBookGlobal } from '@/themes/gitbook'
+import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 import Catalog from './Catalog'
 
 /**
@@ -12,9 +14,13 @@ import Catalog from './Catalog'
 const CatalogDrawerWrapper = ({ post, cRef }) => {
   const { tocVisible, changeTocVisible } = useGitBookGlobal()
   const { locale } = useGlobal()
+  const router = useRouter()
   const switchVisible = () => {
     changeTocVisible(!tocVisible)
   }
+  useEffect(() => {
+    changeTocVisible(false)
+  }, [router])
   return (
     <>
       <div
diff --git a/themes/gitbook/components/PageNavDrawer.js b/themes/gitbook/components/PageNavDrawer.js
index eb927762..e3d17718 100644
--- a/themes/gitbook/components/PageNavDrawer.js
+++ b/themes/gitbook/components/PageNavDrawer.js
@@ -1,5 +1,7 @@
 import { useGlobal } from '@/lib/global'
 import { useGitBookGlobal } from '@/themes/gitbook'
+import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 import NavPostList from './NavPostList'
 
 /**
@@ -13,11 +15,15 @@ const PageNavDrawer = props => {
   const { pageNavVisible, changePageNavVisible } = useGitBookGlobal()
   const { filteredNavPages } = props
   const { locale } = useGlobal()
-
+  const router = useRouter()
   const switchVisible = () => {
     changePageNavVisible(!pageNavVisible)
   }
 
+  useEffect(() => {
+    changePageNavVisible(false)
+  }, [router])
+
   return (
     <>
       <div
diff --git a/themes/gitbook/index.js b/themes/gitbook/index.js
index 89240a63..f8c5dfb1 100644
--- a/themes/gitbook/index.js
+++ b/themes/gitbook/index.js
@@ -239,7 +239,7 @@ const LayoutBase = props => {
           )}
         </main>
 
-        {/* 移动端底部按钮 */}
+        {/* 移动端底部导航按钮 */}
         <div className='bottom-button-group md:hidden w-screen h-12 px-4 fixed flex items-center justify-between right-0 bottom-0 z-30 bg-white border-l border-t dark:border-gray-800'>
           <div className='w-full'>
             <MobileButtonPageNav />