From c6a544945b892ee50018d9769bfe4b5afe90473b Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Sat, 17 Dec 2022 15:50:20 +0800
Subject: [PATCH 1/2] feat: add tooltip for the header

---
 .../components/header/quick-search-button.tsx | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/app/src/components/header/quick-search-button.tsx b/packages/app/src/components/header/quick-search-button.tsx
index 3aadb9a6aa..6c5a484a70 100644
--- a/packages/app/src/components/header/quick-search-button.tsx
+++ b/packages/app/src/components/header/quick-search-button.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconButton, IconButtonProps } from '@/ui/button';
+import { Tooltip } from '@/ui/tooltip';
 import { ArrowDownIcon } from '@blocksuite/icons';
 import { useModal } from '@/providers/global-modal-provider';
 
@@ -10,15 +11,17 @@ export const QuickSearchButton = ({
   const { triggerQuickSearchModal } = useModal();
 
   return (
-    <IconButton
-      {...props}
-      onClick={e => {
-        onClick?.(e);
-        triggerQuickSearchModal();
-      }}
-    >
-      <ArrowDownIcon />
-    </IconButton>
+    <Tooltip content="Search and quickly jump to a page" placement="bottom">
+      <IconButton
+        {...props}
+        onClick={e => {
+          onClick?.(e);
+          triggerQuickSearchModal();
+        }}
+      >
+        <ArrowDownIcon />
+      </IconButton>
+    </Tooltip>
   );
 };
 

From eb514fdb1ed0028dd4145437495beb7e877701e7 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Sat, 17 Dec 2022 15:55:51 +0800
Subject: [PATCH 2/2] feat: add tooltip for the quick search of left sidebar

---
 .../components/workspace-slider-bar/index.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/workspace-slider-bar/index.tsx b/packages/app/src/components/workspace-slider-bar/index.tsx
index 93c4c41af8..eb58a3c9ee 100644
--- a/packages/app/src/components/workspace-slider-bar/index.tsx
+++ b/packages/app/src/components/workspace-slider-bar/index.tsx
@@ -69,13 +69,15 @@ export const WorkSpaceSliderBar = () => {
   return (
     <>
       <StyledSliderBar show={show}>
-        <StyledListItem
-          onClick={() => {
-            triggerQuickSearchModal();
-          }}
-        >
-          <SearchIcon /> Quick search
-        </StyledListItem>
+        <Tooltip content="Search and quickly jump to a page" placement="right">
+          <StyledListItem
+            onClick={() => {
+              triggerQuickSearchModal();
+            }}
+          >
+            <SearchIcon /> Quick search
+          </StyledListItem>
+        </Tooltip>
         <Link href={{ pathname: '/page-list/all' }}>
           <StyledListItem active={router.pathname === '/page-list/all'}>
             <AllPagesIcon /> All pages