style: restrict type import (#1589)

apps/web/src/components/affine/affine-error-eoundary.tsx

@@ -1,8 +1,10 @@
 import { RequestError } from '@affine/datacenter';
-import { NextRouter } from 'next/router';
-import React, { Component, ErrorInfo } from 'react';
+import type { NextRouter } from 'next/router';
+import type { ErrorInfo } from 'react';
+import type React from 'react';
+import { Component } from 'react';
 
-import { BlockSuiteWorkspace } from '../../shared';
+import type { BlockSuiteWorkspace } from '../../shared';
 
 export type AffineErrorBoundaryProps = React.PropsWithChildren<{
   router: NextRouter;

apps/web/src/components/affine/enable-affine-cloud-modal/index.tsx

@@ -1,7 +1,7 @@
 import { IconButton, Modal, ModalWrapper } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import { CloseIcon } from '@blocksuite/icons';
-import React from 'react';
+import type React from 'react';
 
 import { useCurrentUser } from '../../../hooks/current/use-current-user';
 import { Content, ContentTitle, Header, StyleButton, StyleTips } from './style';

apps/web/src/components/affine/transform-workspace-to-affine-modal/index.tsx

@@ -1,7 +1,7 @@
 import { IconButton, Modal, ModalWrapper } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import { CloseIcon } from '@blocksuite/icons';
-import React from 'react';
+import type React from 'react';
 
 import { useCurrentUser } from '../../../hooks/current/use-current-user';
 import { Content, ContentTitle, Header, StyleButton, StyleTips } from './style';

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

@@ -1,23 +1,17 @@
 import { useTranslation } from '@affine/i18n';
-import React, {
-  MouseEvent,
-  Suspense,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-} from 'react';
+import type { MouseEvent } from 'react';
+import type React from 'react';
+import { Suspense, useCallback, useEffect, useMemo, useRef } from 'react';
 import { preload } from 'swr';
 
 import { useIsWorkspaceOwner } from '../../../hooks/affine/use-is-workspace-owner';
 import { fetcher, QueryKey } from '../../../plugins/affine/fetcher';
-import {
+import type {
   AffineOfficialWorkspace,
   FlavourToWorkspace,
-  RemWorkspaceFlavour,
   SettingPanel,
-  settingPanel,
 } from '../../../shared';
+import { RemWorkspaceFlavour, settingPanel } from '../../../shared';
 import { CollaborationPanel } from './panel/collaboration';
 import { ExportPanel } from './panel/export';
 import { GeneralPanel } from './panel/general';

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

@@ -13,17 +13,15 @@ import {
   EmailIcon,
   MoreVerticalIcon,
 } from '@blocksuite/icons';
-import React, { useCallback, useState } from 'react';
+import type React from 'react';
+import { useCallback, useState } from 'react';
 
 import { useMembers } from '../../../../../hooks/affine/use-members';
-import {
-  AffineWorkspace,
-  LocalWorkspace,
-  RemWorkspaceFlavour,
-} from '../../../../../shared';
+import type { AffineWorkspace, LocalWorkspace } from '../../../../../shared';
+import { RemWorkspaceFlavour } from '../../../../../shared';
 import { Unreachable } from '../../../affine-error-eoundary';
 import { TransformWorkspaceToAffineModal } from '../../../transform-workspace-to-affine-modal';
-import { PanelProps } from '../../index';
+import type { PanelProps } from '../../index';
 import { InviteMemberModal } from './invite-member-modal';
 import {
   StyledMemberAvatar,

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

@@ -5,7 +5,8 @@ import { Input } from '@affine/component';
 import { MuiAvatar } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import { EmailIcon } from '@blocksuite/icons';
-import React, { Suspense, useCallback, useState } from 'react';
+import type React from 'react';
+import { Suspense, useCallback, useState } from 'react';
 
 import { useMembers } from '../../../../../../hooks/affine/use-members';
 import { useUsersByEmail } from '../../../../../../hooks/affine/use-users-by-email';

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

@@ -3,10 +3,8 @@ import { Trans, useTranslation } from '@affine/i18n';
 import { useCallback, useState } from 'react';
 
 import { useBlockSuiteWorkspaceName } from '../../../../../../hooks/use-blocksuite-workspace-name';
-import {
-  AffineOfficialWorkspace,
-  RemWorkspaceFlavour,
-} from '../../../../../../shared';
+import type { AffineOfficialWorkspace } from '../../../../../../shared';
+import { RemWorkspaceFlavour } from '../../../../../../shared';
 import {
   StyledButtonContent,
   StyledInputContent,

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

@@ -1,6 +1,7 @@
 import { Button, FlexWrapper, MuiFade } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
-import React, { useState } from 'react';
+import type React from 'react';
+import { useState } from 'react';
 
 import { useIsWorkspaceOwner } from '../../../../../hooks/affine/use-is-workspace-owner';
 import { useBlockSuiteWorkspaceAvatarUrl } from '../../../../../hooks/use-blocksuite-workspace-avatar-url';
@@ -13,7 +14,7 @@ import {
   LocalWorkspaceIcon,
 } from '../../../../pure/icons';
 import { WorkspaceAvatar } from '../../../../pure/workspace-avatar';
-import { PanelProps } from '../../index';
+import type { PanelProps } from '../../index';
 import { StyledRow, StyledSettingKey } from '../../style';
 import { WorkspaceDeleteModal } from './delete';
 import { CameraIcon } from './icons';

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

@@ -8,18 +8,19 @@ import {
 } from '@affine/component';
 import { useTranslation } from '@affine/i18n';
 import { Box } from '@mui/material';
-import React, { useCallback, useEffect, useState } from 'react';
+import type React from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 import { useToggleWorkspacePublish } from '../../../../../hooks/affine/use-toggle-workspace-publish';
-import {
+import type {
   AffineOfficialWorkspace,
   AffineWorkspace,
   LocalWorkspace,
-  RemWorkspaceFlavour,
 } from '../../../../../shared';
+import { RemWorkspaceFlavour } from '../../../../../shared';
 import { Unreachable } from '../../../affine-error-eoundary';
 import { EnableAffineCloudModal } from '../../../enable-affine-cloud-modal';
-import { WorkspaceSettingDetailProps } from '../../index';
+import type { WorkspaceSettingDetailProps } from '../../index';
 
 export type PublishPanelProps = WorkspaceSettingDetailProps & {
   workspace: AffineOfficialWorkspace;

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

@@ -1,13 +1,13 @@
 import { Content, FlexWrapper, styled } from '@affine/component';
 import { Trans, useTranslation } from '@affine/i18n';
-import React from 'react';
+import type React from 'react';
 
 import { useCurrentUser } from '../../../../../hooks/current/use-current-user';
 import { useBlockSuiteWorkspaceAvatarUrl } from '../../../../../hooks/use-blocksuite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '../../../../../hooks/use-blocksuite-workspace-name';
 import { RemWorkspaceFlavour } from '../../../../../shared';
 import { WorkspaceAvatar } from '../../../../pure/footer';
-import { PanelProps } from '../../index';
+import type { PanelProps } from '../../index';
 
 export const StyledWorkspaceName = styled('span')(({ theme }) => {
   return {