From 5f1530934a90ef870db4aad57685928ad691ddf1 Mon Sep 17 00:00:00 2001
From: maomao <1714487678@qq.com>
Date: Thu, 18 Apr 2024 16:29:05 +0800
Subject: [PATCH] fix(theme): set outline title in mobile view to
 `themeConfig.outlineTitle` (#969)

Co-authored-by: Timeless0911 <50201324+Timeless0911@users.noreply.github.com>
---
 .changeset/green-eagles-hide.md                              | 5 +++++
 packages/theme-default/src/components/LocalSideBar/index.tsx | 4 +++-
 packages/theme-default/src/layout/DocLayout/index.tsx        | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/green-eagles-hide.md

diff --git a/.changeset/green-eagles-hide.md b/.changeset/green-eagles-hide.md
new file mode 100644
index 000000000..2004fee14
--- /dev/null
+++ b/.changeset/green-eagles-hide.md
@@ -0,0 +1,5 @@
+---
+"@rspress/theme-default": patch
+---
+
+Set outline title in mobile view to `themeConfig.outlineTitle`
diff --git a/packages/theme-default/src/components/LocalSideBar/index.tsx b/packages/theme-default/src/components/LocalSideBar/index.tsx
index f163c2465..9006e987e 100644
--- a/packages/theme-default/src/components/LocalSideBar/index.tsx
+++ b/packages/theme-default/src/components/LocalSideBar/index.tsx
@@ -9,10 +9,12 @@ import { SvgWrapper } from '../SvgWrapper';
 import { CSSTransition } from 'react-transition-group';
 
 export function SideMenu({
+  outlineTitle,
   beforeSidebar,
   afterSidebar,
   uiSwitch,
 }: {
+  outlineTitle: string;
   beforeSidebar?: React.ReactNode;
   afterSidebar?: React.ReactNode;
   uiSwitch?: UISwitchResult;
@@ -76,7 +78,7 @@ export function SideMenu({
               className="flex-center ml-auto"
               ref={outlineButtonRef}
             >
-              <span className="text-sm">On this page</span>
+              <span className="text-sm">{outlineTitle}</span>
               <div
                 className="text-md mr-2"
                 style={{
diff --git a/packages/theme-default/src/layout/DocLayout/index.tsx b/packages/theme-default/src/layout/DocLayout/index.tsx
index f72dde543..671c15bea 100644
--- a/packages/theme-default/src/layout/DocLayout/index.tsx
+++ b/packages/theme-default/src/layout/DocLayout/index.tsx
@@ -63,6 +63,7 @@ export function DocLayout(props: DocLayoutProps) {
     >
       {beforeDoc}
       <SideMenu
+        outlineTitle={outlineTitle}
         beforeSidebar={beforeSidebar}
         afterSidebar={afterSidebar}
         uiSwitch={uiSwitch}