From 6bf130ab2f105bdb853d133099a8589c063747c3 Mon Sep 17 00:00:00 2001 From: DiamondThree Date: Fri, 23 Dec 2022 12:01:35 +0800 Subject: [PATCH] fix: lint warning --- packages/app/src/components/404/styles.ts | 2 +- .../src/components/contact-modal/icons.tsx | 2 +- .../app/src/components/contact-modal/style.ts | 2 +- .../src/components/delete-workspace/index.tsx | 8 +---- .../src/components/edgeless-toolbar/index.tsx | 14 -------- packages/app/src/components/header/styles.ts | 2 +- .../src/components/invite-members/index.tsx | 1 - .../login-modal/LoginOptionButton.tsx | 10 +++--- .../app/src/components/mobile-modal/styles.ts | 4 +-- .../components/page-list/operation-cell.tsx | 2 +- .../src/components/workspace-setting/style.ts | 36 +++++++++---------- .../workspace-create/workspace-create.tsx | 1 - .../app-state-provider/dynamic-blocksuite.tsx | 8 ++--- 13 files changed, 33 insertions(+), 59 deletions(-) diff --git a/packages/app/src/components/404/styles.ts b/packages/app/src/components/404/styles.ts index aa6619c558..450be72e68 100644 --- a/packages/app/src/components/404/styles.ts +++ b/packages/app/src/components/404/styles.ts @@ -1,4 +1,4 @@ -import { absoluteCenter, displayFlex, styled } from '@/styles'; +import { styled } from '@/styles'; export const PageContainer = styled('div')(({ theme }) => { return { diff --git a/packages/app/src/components/contact-modal/icons.tsx b/packages/app/src/components/contact-modal/icons.tsx index aba676278d..76079a826e 100644 --- a/packages/app/src/components/contact-modal/icons.tsx +++ b/packages/app/src/components/contact-modal/icons.tsx @@ -71,7 +71,7 @@ export const GithubIcon = () => { ); }; -export const DiscordIcon = (props: any) => { +export const DiscordIcon = () => { return ( { +export const StyledModalHeader = styled('div')(() => { return { height: '20px', marginTop: '36px', diff --git a/packages/app/src/components/delete-workspace/index.tsx b/packages/app/src/components/delete-workspace/index.tsx index a225d28028..c9ce91776c 100644 --- a/packages/app/src/components/delete-workspace/index.tsx +++ b/packages/app/src/components/delete-workspace/index.tsx @@ -1,7 +1,7 @@ import { ResetIcon } from '@blocksuite/icons'; import { styled } from '@/styles'; import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal'; -import { Button, TextButton } from '@/ui/button'; +import { Button } from '@/ui/button'; import Input from '@/ui/input'; import { useState } from 'react'; @@ -96,9 +96,3 @@ const Footer = styled('div')({ marginTop: '32px', textAlign: 'center', }); - -const StyledResetIcon = styled(ResetIcon)({ - marginRight: '12px', - width: '20px', - height: '20px', -}); diff --git a/packages/app/src/components/edgeless-toolbar/index.tsx b/packages/app/src/components/edgeless-toolbar/index.tsx index 54076c974d..39afd059b6 100644 --- a/packages/app/src/components/edgeless-toolbar/index.tsx +++ b/packages/app/src/components/edgeless-toolbar/index.tsx @@ -79,20 +79,6 @@ const toolbarList1 = [ disable: true, }, ]; -const toolbarList2 = [ - { - flavor: 'undo', - icon: , - toolTip: 'Undo', - disable: false, - }, - { - flavor: 'redo', - icon: , - toolTip: 'Redo', - disable: false, - }, -]; const UndoRedo = () => { const [canUndo, setCanUndo] = useState(false); diff --git a/packages/app/src/components/header/styles.ts b/packages/app/src/components/header/styles.ts index faa348266f..1deb826faa 100644 --- a/packages/app/src/components/header/styles.ts +++ b/packages/app/src/components/header/styles.ts @@ -9,7 +9,7 @@ export const StyledHeaderContainer = styled.div<{ hasWarning: boolean }>( } ); export const StyledHeader = styled.div<{ hasWarning: boolean }>( - ({ hasWarning, theme }) => { + ({ hasWarning }) => { return { height: '60px', width: '100%', diff --git a/packages/app/src/components/invite-members/index.tsx b/packages/app/src/components/invite-members/index.tsx index ba791da63d..8a188e5410 100644 --- a/packages/app/src/components/invite-members/index.tsx +++ b/packages/app/src/components/invite-members/index.tsx @@ -6,7 +6,6 @@ import Input from '@/ui/input'; import { useState } from 'react'; import { inviteMember, getUserByEmail } from '@pathfinder/data-services'; import { Avatar } from '@mui/material'; -import { toast } from '@/ui/toast'; interface LoginModalProps { open: boolean; onClose: () => void; diff --git a/packages/app/src/components/login-modal/LoginOptionButton.tsx b/packages/app/src/components/login-modal/LoginOptionButton.tsx index b10432214a..e25878001b 100644 --- a/packages/app/src/components/login-modal/LoginOptionButton.tsx +++ b/packages/app/src/components/login-modal/LoginOptionButton.tsx @@ -10,7 +10,7 @@ export const GoogleLoginButton = () => { { signInWithGoogle() - .then(async => { + .then(() => { triggerLoginModal(); }) .catch(error => { @@ -47,7 +47,7 @@ export const StayLogOutButton = () => { ); }; -const StyledGoogleButton = styled(Button)(({ theme }) => { +const StyledGoogleButton = styled(Button)(() => { return { width: '361px', height: '56px', @@ -66,7 +66,7 @@ const StyledGoogleButton = styled(Button)(({ theme }) => { }; }); -const StyledStayLogOutButton = styled(Button)(({ theme }) => { +const StyledStayLogOutButton = styled(Button)(() => { return { width: '361px', height: '56px', @@ -101,7 +101,7 @@ const TextWrapper = styled('div')({ textAlign: 'left', }); -const Title = styled('h1')(({ theme }) => { +const Title = styled('h1')(() => { return { fontSize: '18px', lineHeight: '26px', @@ -109,7 +109,7 @@ const Title = styled('h1')(({ theme }) => { }; }); -const Description = styled('p')(({ theme }) => { +const Description = styled('p')(() => { return { fontSize: '16px', lineHeight: '22px', diff --git a/packages/app/src/components/mobile-modal/styles.ts b/packages/app/src/components/mobile-modal/styles.ts index c828e0e3e6..40a8bcc375 100644 --- a/packages/app/src/components/mobile-modal/styles.ts +++ b/packages/app/src/components/mobile-modal/styles.ts @@ -1,6 +1,6 @@ import { displayFlex, styled } from '@/styles'; -export const StyledTitle = styled.div(({ theme }) => { +export const StyledTitle = styled.div(() => { return { ...displayFlex('center', 'center'), fontSize: '20px', @@ -10,7 +10,7 @@ export const StyledTitle = styled.div(({ theme }) => { }; }); -export const StyledContent = styled.div(({ theme }) => { +export const StyledContent = styled.div(() => { return { padding: '0 40px', marginTop: '32px', diff --git a/packages/app/src/components/page-list/operation-cell.tsx b/packages/app/src/components/page-list/operation-cell.tsx index 570b48edc4..7416b65d9a 100644 --- a/packages/app/src/components/page-list/operation-cell.tsx +++ b/packages/app/src/components/page-list/operation-cell.tsx @@ -1,5 +1,5 @@ import { useConfirm } from '@/providers/confirm-provider'; -import { useAppState, PageMeta } from '@/providers/app-state-provider'; +import { PageMeta } from '@/providers/app-state-provider'; import { Menu, MenuItem } from '@/ui/menu'; import { Wrapper } from '@/ui/layout'; import { IconButton } from '@/ui/button'; diff --git a/packages/app/src/components/workspace-setting/style.ts b/packages/app/src/components/workspace-setting/style.ts index 01ae218272..f59125a9fd 100644 --- a/packages/app/src/components/workspace-setting/style.ts +++ b/packages/app/src/components/workspace-setting/style.ts @@ -26,7 +26,7 @@ export const StyledSettingSidebar = styled('div')(({ theme }) => { } }); -export const StyledSettingContent = styled('div')(({ theme }) => { +export const StyledSettingContent = styled('div')(() => { return { paddingLeft: '48px', height: '620px', @@ -43,7 +43,7 @@ export const StyledSetting = styled('div')(({ theme }) => { } }); -export const StyledSettingSidebarHeader = styled('div')(({ theme }) => { +export const StyledSettingSidebarHeader = styled('div')(() => { { return { fontWeight: '500', @@ -55,7 +55,7 @@ export const StyledSettingSidebarHeader = styled('div')(({ theme }) => { } }); -export const StyledSettingTabContainer = styled('ul')(({ theme }) => { +export const StyledSettingTabContainer = styled('ul')(() => { { return { display: 'flex', @@ -83,7 +83,7 @@ export const WorkspaceSettingTagItem = styled('li')<{ isActive?: boolean }>( } ); -export const StyledSettingTagIconContainer = styled('div')(({ theme }) => { +export const StyledSettingTagIconContainer = styled('div')(() => { return { display: 'flex', alignItems: 'center', @@ -94,7 +94,7 @@ export const StyledSettingTagIconContainer = styled('div')(({ theme }) => { }); export const StyledSettingH2 = styled('h2')<{ marginTop?: number }>( - ({ marginTop, theme }) => { + ({ marginTop }) => { return { fontWeight: '500', fontSize: '18px', @@ -112,7 +112,7 @@ export const StyledAvatarUploadBtn = styled(Button)(({ theme }) => { }; }); -export const StyledMemberTitleContainer = styled('div')(({ theme }) => { +export const StyledMemberTitleContainer = styled('div')(() => { return { display: 'flex', marginTop: '60px', @@ -120,11 +120,11 @@ export const StyledMemberTitleContainer = styled('div')(({ theme }) => { }; }); -export const StyledMemberAvatar = styled(MuiAvatar)(({ theme }) => { +export const StyledMemberAvatar = styled(MuiAvatar)(() => { return { height: '40px', width: '40px' }; }); -export const StyledMemberNameContainer = styled('div')(({ theme }) => { +export const StyledMemberNameContainer = styled('div')(() => { return { display: 'flex', alignItems: 'center', @@ -132,7 +132,7 @@ export const StyledMemberNameContainer = styled('div')(({ theme }) => { }; }); -export const StyledMemberRoleContainer = styled('div')(({ theme }) => { +export const StyledMemberRoleContainer = styled('div')(() => { return { display: 'flex', alignItems: 'center', @@ -140,7 +140,7 @@ export const StyledMemberRoleContainer = styled('div')(({ theme }) => { }; }); -export const StyledMemberListContainer = styled('ul')(({ theme }) => { +export const StyledMemberListContainer = styled('ul')(() => { return { marginTop: '15px', height: '432px', @@ -148,7 +148,7 @@ export const StyledMemberListContainer = styled('ul')(({ theme }) => { }; }); -export const StyledMemberListItem = styled('li')(({ theme }) => { +export const StyledMemberListItem = styled('li')(() => { return { display: 'flex', alignItems: 'center', @@ -156,7 +156,7 @@ export const StyledMemberListItem = styled('li')(({ theme }) => { }; }); -export const StyledMemberInfo = styled('div')(({ theme }) => { +export const StyledMemberInfo = styled('div')(() => { return { paddingLeft: '12px', }; @@ -180,13 +180,13 @@ export const StyledMemberEmail = styled('div')(({ theme }) => { }; }); -export const StyledMemberButtonContainer = styled('div')(({ theme }) => { +export const StyledMemberButtonContainer = styled('div')(() => { return { marginTop: '14px', }; }); -export const StyledMoreVerticalButton = styled('button')(({ theme }) => { +export const StyledMoreVerticalButton = styled('button')(() => { return { display: 'flex', justifyContent: 'center', @@ -197,7 +197,7 @@ export const StyledMoreVerticalButton = styled('button')(({ theme }) => { }; }); -export const StyledPublishExplanation = styled('div')(({ theme }) => { +export const StyledPublishExplanation = styled('div')(() => { return { marginTop: '56px', paddingRight: '48px', @@ -207,7 +207,7 @@ export const StyledPublishExplanation = styled('div')(({ theme }) => { }; }); -export const StyledPublishCopyContainer = styled('div')(({ theme }) => { +export const StyledPublishCopyContainer = styled('div')(() => { return { marginTop: '12px', display: 'flex', @@ -217,13 +217,13 @@ export const StyledPublishCopyContainer = styled('div')(({ theme }) => { }; }); -export const StyledCopyButtonContainer = styled('div')(({ theme }) => { +export const StyledCopyButtonContainer = styled('div')(() => { return { marginLeft: '12px', }; }); -export const StyledPublishContent = styled('div')(({ theme }) => { +export const StyledPublishContent = styled('div')(() => { return { height: '494px', }; diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx index 835c3ec5e2..2a48e7d4a1 100644 --- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx +++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx @@ -5,7 +5,6 @@ import { } from '@pathfinder/data-services'; import Modal from '@/ui/modal'; import Input from '@/ui/input'; -import { Button } from '@/ui/button'; import { StyledModalHeader, StyledTextContent, diff --git a/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx b/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx index d6aec4cbf1..84d0d136d2 100644 --- a/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx +++ b/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx @@ -33,14 +33,10 @@ const DynamicBlocksuite = ({ new Promise(async resolve => { const workspace = new Workspace({ room: workspaceId, - providers: [IndexedDBDocProvider], + providers: [], }).register(BlockSchema); - if ( - websocket && - token.refresh && - location.search.includes('sync=websocket') - ) { + if (websocket && token.refresh) { // FIXME: if add websocket provider, the first page will be blank const ws = new WebsocketProvider( `ws${window.location.protocol === 'https:' ? 's' : ''}://${