From 38417878fc3f859b613453ff56b20e852a27c36d Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Wed, 20 Sep 2023 01:49:39 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20add=20back&forward=20for=20web?=
 =?UTF-8?q?=E2=80=8B=20(#4403)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app-sidebar/sidebar-header/index.tsx      | 57 +++++++++----------
 1 file changed, 28 insertions(+), 29 deletions(-)

diff --git a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
index e7115fe7dd..3090b52080 100644
--- a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
+++ b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
@@ -28,36 +28,35 @@ export const SidebarHeader = (props: SidebarHeaderProps) => {
       data-is-macos-electron={environment.isDesktop && environment.isMacOs}
     >
       <SidebarSwitch show={open} />
-      {environment.isDesktop && (
-        <div className={navHeaderNavigationButtons}>
-          <IconButton
-            className={navHeaderButton}
-            data-testid="app-sidebar-arrow-button-back"
-            disabled={props.router?.history.current === 0}
-            onClick={() => {
-              props.router?.back();
-            }}
-          >
-            <ArrowLeftSmallIcon />
-          </IconButton>
-          <IconButton
-            className={navHeaderButton}
-            data-testid="app-sidebar-arrow-button-forward"
-            disabled={
-              props.router
-                ? props.router.history.stack.length > 0 &&
+      <div className={navHeaderNavigationButtons}>
+        <IconButton
+          className={navHeaderButton}
+          data-testid="app-sidebar-arrow-button-back"
+          disabled={props.router?.history.current === 0}
+          onClick={() => {
+            props.router?.back();
+          }}
+        >
+          <ArrowLeftSmallIcon />
+        </IconButton>
+        <IconButton
+          className={navHeaderButton}
+          data-testid="app-sidebar-arrow-button-forward"
+          disabled={
+            props.router
+              ? (props.router.history.stack.length > 0 &&
                   props.router.history.current ===
-                    props.router.history.stack.length - 1
-                : false
-            }
-            onClick={() => {
-              props.router?.forward();
-            }}
-          >
-            <ArrowRightSmallIcon />
-          </IconButton>
-        </div>
-      )}
+                    props.router.history.stack.length - 1) ||
+                props.router.history.stack.length === 0
+              : true
+          }
+          onClick={() => {
+            props.router?.forward();
+          }}
+        >
+          <ArrowRightSmallIcon />
+        </IconButton>
+      </div>
     </div>
   );
 };