feat: modify icon name with new version

packages/app/src/components/quick-search/content/jumpTo.tsx

@@ -1,9 +1,5 @@
 import React from 'react';
-import {
-  MiddleFavouritesIcon,
-  MiddleTrashIcon,
-  MiddleAllPagesIcon,
-} from '@blocksuite/icons';
+import { FavouritesIcon, TrashIcon, AllPagesIcon } from '@blocksuite/icons';
 import Link from 'next/link';
 import { StyledJumpTo } from '../style';
 import { useModal } from '@/providers/global-modal-provider';
@@ -16,21 +12,21 @@ const JumpTo = () => {
         href={{ pathname: '/page-list/all' }}
         onClick={() => triggerQuickSearchModal()}
       >
-        <MiddleAllPagesIcon width={20} height={20} />
+        <AllPagesIcon width={20} height={20} />
         <span> All pages</span>
       </Link>
       <Link
         href={{ pathname: '/page-list/favorite' }}
         onClick={() => triggerQuickSearchModal()}
       >
-        <MiddleFavouritesIcon width={20} height={20} />
+        <FavouritesIcon width={20} height={20} />
         <span> Favourites</span>
       </Link>
       <Link
         href={{ pathname: '/page-list/trash' }}
         onClick={() => triggerQuickSearchModal()}
       >
-        <MiddleTrashIcon width={20} height={20} />
+        <TrashIcon width={20} height={20} />
         <span> Trash</span>
       </Link>
     </StyledJumpTo>

packages/app/src/components/quick-search/footer.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MiddleAddIcon } from '@blocksuite/icons';
+import { AddIcon } from '@blocksuite/icons';
 import { StyledModalFooterContent } from './style';
 import { useEditor } from '@/providers/editor-provider';
 import { useModal } from '@/providers/global-modal-provider';
@@ -11,7 +11,7 @@ const QuickSearchFooter = () => {
   return (
     <StyledModalFooterContent>
       <IconButton>
-        <MiddleAddIcon
+        <AddIcon
           onClick={() => {
             createPage();
             triggerQuickSearchModal();

packages/app/src/components/quick-search/input.tsx

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { MiddleSearchIcon } from '@blocksuite/icons';
+import { SearchIcon } from '@blocksuite/icons';
 import { StyledInputContent, StyledLabel } from './style';
 import { Command } from 'cmdk';
 const Input = (props: {
@@ -9,7 +9,7 @@ const Input = (props: {
   return (
     <StyledInputContent>
       <StyledLabel htmlFor=":r5:">
-        <MiddleSearchIcon />
+        <SearchIcon />
       </StyledLabel>
       <Command.Input
         value={props.query}