From 07e6e9fe981f9f00103c418d8969197e0f9947dd Mon Sep 17 00:00:00 2001
From: austaras <austaras@outlook.com>
Date: Fri, 5 Aug 2022 15:18:23 +0800
Subject: [PATCH] fix(sidebar): use a tag for link

---
 .../page-tree/tree-item/TreeItem.tsx                | 13 +++++--------
 .../page-tree/tree-item/tree-item.module.scss       |  3 +++
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/TreeItem.tsx b/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/TreeItem.tsx
index 96c14522fc..5274f48f55 100755
--- a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/TreeItem.tsx
+++ b/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/TreeItem.tsx
@@ -3,9 +3,9 @@ import React, {
     type CSSProperties,
     type HTMLAttributes,
 } from 'react';
-import { useParams, useNavigate } from 'react-router-dom';
+import { useParams, Link } from 'react-router-dom';
 import cx from 'clsx';
-import { CloseIcon, DocumentIcon } from '@toeverything/components/common';
+import { CloseIcon } from '@toeverything/components/common';
 import {
     ArrowDropDownIcon,
     ArrowRightIcon,
@@ -62,7 +62,6 @@ export const TreeItem = forwardRef<HTMLDivElement, TreeItemProps>(
         ref
     ) => {
         const { workspace_id } = useParams();
-        const navigate = useNavigate();
         const BooleanPageTreeItemMoreActions = useFlag(
             'BooleanPageTreeItemMoreActions',
             true
@@ -103,15 +102,13 @@ export const TreeItem = forwardRef<HTMLDivElement, TreeItemProps>(
                     </Action>
 
                     <div className={styles['ItemContent']}>
-                        <span
+                        <Link
                             className={styles['Text']}
                             {...handleProps}
-                            onClick={() => {
-                                navigate(`/${workspace_id}/${pageId}`);
-                            }}
+                            to={`/${workspace_id}/${pageId}`}
                         >
                             {value}
-                        </span>
+                        </Link>
                         {BooleanPageTreeItemMoreActions && (
                             <MoreActions
                                 workspaceId={workspace_id}
diff --git a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss b/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss
index 39ff90c59e..315a272366 100755
--- a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss
+++ b/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss
@@ -105,6 +105,9 @@
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer;
+    appearance: none;
+    color: unset;
+    text-decoration: none;
 }
 
 .Count {