From ed24147ce14262c8caf8ead6a81d58fc7ea1c278 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Sun, 18 Dec 2022 07:54:49 +0800
Subject: [PATCH] feat: it is the first time to integrate useTranslation

---
 packages/app/src/components/workspace-slider-bar/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/workspace-slider-bar/index.tsx b/packages/app/src/components/workspace-slider-bar/index.tsx
index eb58a3c9ee..1ceff4ecb0 100644
--- a/packages/app/src/components/workspace-slider-bar/index.tsx
+++ b/packages/app/src/components/workspace-slider-bar/index.tsx
@@ -26,7 +26,7 @@ import { useModal } from '@/providers/global-modal-provider';
 
 import { IconButton } from '@/ui/button';
 import useLocalStorage from '@/hooks/use-local-storage';
-
+import { useTranslation } from '@/libs/i18n';
 const FavoriteList = ({ showList }: { showList: boolean }) => {
   const { pageList, openPage } = useEditor();
   const router = useRouter();
@@ -65,7 +65,7 @@ export const WorkSpaceSliderBar = () => {
 
   const [showTip, setShowTip] = useState(false);
   const [show, setShow] = useLocalStorage('AFFINE_SLIDE_BAR', false, true);
-
+  const { t } = useTranslation();
   return (
     <>
       <StyledSliderBar show={show}>
@@ -80,7 +80,7 @@ export const WorkSpaceSliderBar = () => {
         </Tooltip>
         <Link href={{ pathname: '/page-list/all' }}>
           <StyledListItem active={router.pathname === '/page-list/all'}>
-            <AllPagesIcon /> All pages
+            <AllPagesIcon /> {t('All pages')}
           </StyledListItem>
         </Link>
         <StyledListItem active={router.pathname === '/page-list/favorite'}>