fix(theme): set outline title in mobile view to `themeConfig.outlineT…

…itle` (#969) Co-authored-by: Timeless0911 <[email protected]>
web-infra-dev · Apr 18, 2024 · 5f15309 · 5f15309
1 parent 12efbeb
commit 5f15309
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/green-eagles-hide.md 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
@@ -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
@@ -63,6 +63,7 @@ export function DocLayout(props: DocLayoutProps) {
     >
       {beforeDoc}
       <SideMenu
+        outlineTitle={outlineTitle}
         beforeSidebar={beforeSidebar}
         afterSidebar={afterSidebar}
         uiSwitch={uiSwitch}