feat: update @blocksuite/icons (#1510)

apps/web/src/components/blocksuite/block-suite-page-list/page-list/index.tsx

@@ -11,7 +11,7 @@ import {
   EdgelessIcon,
   FavoritedIcon,
   FavoriteIcon,
-  PaperIcon,
+  PageIcon,
 } from '@blocksuite/icons';
 import { PageMeta } from '@blocksuite/store';
 import {
@@ -143,7 +143,7 @@ export const PageList: React.FC<PageListProps> = ({
                       {pageMeta.mode === 'edgeless' ? (
                         <EdgelessIcon />
                       ) : (
-                        <PaperIcon />
+                        <PageIcon />
                       )}
                       <Content ellipsis={true} color="inherit">
                         {pageMeta.title || t('Untitled')}

apps/web/src/components/blocksuite/header/header-right-items/EditorOptionMenu.tsx

@@ -12,7 +12,7 @@ import {
   FavoriteIcon,
   MoreVerticalIcon,
 } from '@blocksuite/icons';
-import { EdgelessIcon, PaperIcon } from '@blocksuite/icons';
+import { EdgelessIcon, PageIcon } from '@blocksuite/icons';
 import { assertExists } from '@blocksuite/store';
 import { useTheme } from '@mui/material';
 import { useState } from 'react';
@@ -64,7 +64,7 @@ export const EditorOptionMenu = () => {
         {favorite ? t('Remove from favorites') : t('Add to Favorites')}
       </MenuItem>
       <MenuItem
-        icon={mode === 'page' ? <EdgelessIcon /> : <PaperIcon />}
+        icon={mode === 'page' ? <EdgelessIcon /> : <PageIcon />}
         iconSize={[20, 20]}
         data-testid="editor-option-menu-edgeless"
         onClick={() => {

apps/web/src/components/pure/help-island/style.ts

@@ -67,5 +67,8 @@ export const StyledTriggerWrapper = styled('div')(({ theme }) => {
     fontSize: '24px',
     ...displayFlex('center', 'center'),
     ...positionAbsolute({ left: '4px', bottom: '4px' }),
+    ':hover': {
+      color: theme.colors.primaryColor,
+    },
   };
 });

apps/web/src/components/pure/quick-search-modal/PublishedResults.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from '@affine/i18n';
-import { EdgelessIcon, PaperIcon } from '@blocksuite/icons';
+import { EdgelessIcon, PageIcon } from '@blocksuite/icons';
 import { Command } from 'cmdk';
 import { useRouter } from 'next/router';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -21,7 +21,6 @@ export const PublishedResults: React.FC<PublishedResultsProps> = ({
   query,
   loading,
   onClose,
-  setPublishWorkspaceName,
   blockSuiteWorkspace,
 }) => {
   const [results, setResults] = useState(new Map<string, string | undefined>());
@@ -75,7 +74,7 @@ export const PublishedResults: React.FC<PublishedResultsProps> = ({
                     {result.mode === 'edgeless' ? (
                       <EdgelessIcon />
                     ) : (
-                      <PaperIcon />
+                      <PageIcon />
                     )}
                     <span>{result.title}</span>
                   </StyledListItem>

apps/web/src/components/pure/quick-search-modal/Results.tsx

@@ -1,6 +1,6 @@
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env';
 import { useTranslation } from '@affine/i18n';
-import { EdgelessIcon, PaperIcon } from '@blocksuite/icons';
+import { EdgelessIcon, PageIcon } from '@blocksuite/icons';
 import { assertExists } from '@blocksuite/store';
 import { Command } from 'cmdk';
 import { NextRouter } from 'next/router';
@@ -83,7 +83,7 @@ export const Results: React.FC<ResultsProps> = ({
                     {result.mode === 'edgeless' ? (
                       <EdgelessIcon />
                     ) : (
-                      <PaperIcon />
+                      <PageIcon />
                     )}
                     <span>{result.title}</span>
                   </StyledListItem>
@@ -117,7 +117,7 @@ export const Results: React.FC<ResultsProps> = ({
                       {recent.mode === 'edgeless' ? (
                         <EdgelessIcon />
                       ) : (
-                        <PaperIcon />
+                        <PageIcon />
                       )}
                       <span>{page.title || UNTITLED_WORKSPACE_NAME}</span>
                     </StyledListItem>

apps/web/src/pages/public-workspace/[workspaceId]/[pageId].tsx

@@ -5,7 +5,7 @@ import {
   styled,
 } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
-import { PaperIcon } from '@blocksuite/icons';
+import { PageIcon } from '@blocksuite/icons';
 import { useAtomValue, useSetAtom } from 'jotai';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
@@ -97,7 +97,7 @@ const PublicWorkspaceDetailPageInner: React.FC<{
               <StyledBreadcrumbs
                 href={`/public-workspace/${blockSuiteWorkspace.id}/${pageId}`}
               >
-                <PaperIcon fontSize={24} />
+                <PageIcon fontSize={24} />
                 <span>{pageTitle ? pageTitle : t('Untitled')}</span>
               </StyledBreadcrumbs>
             </Breadcrumbs>