feat: add quick search button in navbar

Author: moonrailgun

client/web/src/routes/Main/Navbar/QuickSwitcherNav.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { NavbarNavItem } from './NavItem';
+import { t } from 'tailchat-shared';
+import { Icon } from 'tailchat-design';
+import { openQuickSwitcher } from '@/components/QuickSwitcher';
+
+export const QuickSwitcherNav: React.FC = React.memo(() => {
+  return (
+    <NavbarNavItem
+      className="bg-gray-700"
+      name={t('快速搜索、跳转') + ' | ctrl + k'}
+      onClick={() => {
+        openQuickSwitcher();
+      }}
+      data-testid="search"
+    >
+      <Icon className="text-3xl text-white" icon="mdi:search" />
+    </NavbarNavItem>
+  );
+});
+QuickSwitcherNav.displayName = 'QuickSwitcherNav';

client/web/src/routes/Main/Navbar/index.tsx

@@ -9,6 +9,7 @@ import { InstallBtn } from './InstallBtn';
 import { ReactQueryDevBtn } from './ReactQueryDevBtn';
 import { pluginCustomPanel } from '@/plugin/common';
 import { NavbarCustomNavItem } from './CustomNavItem';
+import { QuickSwitcherNav } from './QuickSwitcherNav';
 
 /**
  * 导航栏组件
@@ -28,6 +29,8 @@ export const Navbar: React.FC = React.memo(() => {
 
           <InboxNav />
 
+          <QuickSwitcherNav />
+
           {pluginCustomPanel
             .filter((p) => p.position === 'navbar-personal')
             .map((p) => (

client/web/src/routes/Main/useShortcuts.tsx

@@ -8,7 +8,8 @@ import { isQuickSwitcher } from '@/utils/hot-key';
 export function useShortcuts() {
   useGlobalKeyDown((e) => {
     if (isQuickSwitcher(e)) {
-      // 显示快速开关
+      // 显示快速跳转开关
+      e.preventDefault();
       openQuickSwitcher();
     }
   });