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] 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>
   );
 };