feat: refactor the usage of toast (#1699)

apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx

@@ -1,11 +1,4 @@
-import {
-  Button,
-  IconButton,
-  Menu,
-  MenuItem,
-  toast,
-  Wrapper,
-} from '@affine/component';
+import { Button, IconButton, Menu, MenuItem, Wrapper } from '@affine/component';
 import { PermissionType } from '@affine/datacenter';
 import { useTranslation } from '@affine/i18n';
 import { WorkspaceFlavour } from '@affine/workspace/type';
@@ -19,6 +12,7 @@ import { useCallback, useState } from 'react';
 
 import { useMembers } from '../../../../../hooks/affine/use-members';
 import type { AffineWorkspace, LocalWorkspace } from '../../../../../shared';
+import { toast } from '../../../../../utils';
 import { Unreachable } from '../../../affine-error-eoundary';
 import { TransformWorkspaceToAffineModal } from '../../../transform-workspace-to-affine-modal';
 import type { PanelProps } from '../../index';

apps/web/src/components/affine/workspace-setting-detail/panel/publish/index.tsx

@@ -3,7 +3,6 @@ import {
   Content,
   FlexWrapper,
   Input,
-  toast,
   Wrapper,
 } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
@@ -18,6 +17,7 @@ import type {
   AffineWorkspace,
   LocalWorkspace,
 } from '../../../../../shared';
+import { toast } from '../../../../../utils';
 import { Unreachable } from '../../../affine-error-eoundary';
 import { EnableAffineCloudModal } from '../../../enable-affine-cloud-modal';
 import type { WorkspaceSettingDetailProps } from '../../index';

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

@@ -6,7 +6,6 @@ import {
   MenuItem,
   Tooltip,
 } from '@affine/component';
-import { toast } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import {
   DeletePermanentlyIcon,
@@ -21,6 +20,8 @@ import type { PageMeta } from '@blocksuite/store';
 import type React from 'react';
 import { useState } from 'react';
 
+import { toast } from '../../../../utils';
+
 export type OperationCellProps = {
   pageMeta: PageMeta;
   onOpenPageInNewTab: (pageId: string) => void;

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

@@ -5,7 +5,7 @@ import {
   TableHead,
   TableRow,
 } from '@affine/component';
-import { Content, IconButton, toast, Tooltip } from '@affine/component';
+import { Content, IconButton, Tooltip } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import {
   EdgelessIcon,
@@ -29,6 +29,7 @@ import {
   usePageMetaHelper,
 } from '../../../../hooks/use-page-meta';
 import type { BlockSuiteWorkspace } from '../../../../shared';
+import { toast } from '../../../../utils';
 import DateCell from './DateCell';
 import Empty from './Empty';
 import { OperationCell, TrashOperationCell } from './OperationCell';

apps/web/src/components/blocksuite/header/editor-mode-switch/index.tsx

@@ -1,4 +1,3 @@
-import { toast } from '@affine/component';
 import { assertExists } from '@blocksuite/store';
 import { useAtomValue, useSetAtom } from 'jotai';
 import type { CSSProperties } from 'react';
@@ -6,6 +5,7 @@ import type { CSSProperties } from 'react';
 import { workspacePreferredModeAtom } from '../../../../atoms';
 import { usePageMeta } from '../../../../hooks/use-page-meta';
 import type { BlockSuiteWorkspace } from '../../../../shared';
+import { toast } from '../../../../utils';
 import { StyledEditorModeSwitch } from './style';
 import { EdgelessSwitchItem, PageSwitchItem } from './switch-items';
 

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

@@ -1,7 +1,6 @@
 // fixme(himself65): refactor this file
 import { Confirm, FlexWrapper, Menu, MenuItem } from '@affine/component';
 import { IconButton } from '@affine/component';
-import { toast } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import {
   DeleteTemporarilyIcon,
@@ -25,6 +24,7 @@ import {
   usePageMeta,
   usePageMetaHelper,
 } from '../../../../hooks/use-page-meta';
+import { toast } from '../../../../utils';
 
 export const EditorOptionMenu = () => {
   const { t } = useTranslation();

apps/web/src/components/pure/message-center/index.tsx

@@ -1,4 +1,3 @@
-import { toast } from '@affine/component';
 import { MessageCode } from '@affine/datacenter';
 import { messages } from '@affine/datacenter';
 import type React from 'react';
@@ -6,6 +5,7 @@ import { memo, useEffect, useState } from 'react';
 
 import { useAffineLogOut } from '../../../hooks/affine/use-affine-log-out';
 import { apis } from '../../../shared/apis';
+import { toast } from '../../../utils';
 
 declare global {
   interface DocumentEventMap {