Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-18 06:47:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: lazy load modal components (#1337)

Browse Source
This commit is contained in:
Himself65
2023-03-06 00:05:25 -06:00
committed by GitHub
parent d9b5744148
commit 061ceaa9fe
2 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/layouts/index.tsx
View File

@@ -4,6 +4,7 @@ import { assertExists, nanoid } from '@blocksuite/store';
import { NoSsr } from '@mui/material'; import { NoSsr } from '@mui/material';
import { useAtom, useAtomValue, useSetAtom } from 'jotai'; import { useAtom, useAtomValue, useSetAtom } from 'jotai';
import { atomWithStorage } from 'jotai/utils'; import { atomWithStorage } from 'jotai/utils';
import dynamic from 'next/dynamic';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import React, { Suspense, useCallback, useEffect } from 'react'; import React, { Suspense, useCallback, useEffect } from 'react';
import { Helmet } from 'react-helmet-async'; import { Helmet } from 'react-helmet-async';
@@ -17,7 +18,6 @@ import {
} from '../atoms'; } from '../atoms';
import { HelpIsland } from '../components/pure/help-island'; import { HelpIsland } from '../components/pure/help-island';
import { PageLoading } from '../components/pure/loading'; import { PageLoading } from '../components/pure/loading';
import QuickSearchModal from '../components/pure/quick-search-modal';
import WorkSpaceSliderBar from '../components/pure/workspace-slider-bar'; import WorkSpaceSliderBar from '../components/pure/workspace-slider-bar';
import { useCurrentPageId } from '../hooks/current/use-current-page-id'; import { useCurrentPageId } from '../hooks/current/use-current-page-id';
import { useCurrentWorkspace } from '../hooks/current/use-current-workspace'; import { useCurrentWorkspace } from '../hooks/current/use-current-workspace';
@@ -30,6 +30,10 @@ import { ModalProvider } from '../providers/ModalProvider';
import { pathGenerator, publicPathGenerator } from '../shared'; import { pathGenerator, publicPathGenerator } from '../shared';
import { StyledPage, StyledToolWrapper, StyledWrapper } from './styles'; import { StyledPage, StyledToolWrapper, StyledWrapper } from './styles';
const QuickSearchModal = dynamic(
() => import('../components/pure/quick-search-modal')
);
const sideBarOpenAtom = atomWithStorage('sideBarOpen', true); const sideBarOpenAtom = atomWithStorage('sideBarOpen', true);
const logger = new DebugLogger('workspace-layout'); const logger = new DebugLogger('workspace-layout');

13
apps/web/src/providers/ModalProvider.tsx
View File

@@ -1,4 +1,5 @@
import { useAtom, useAtomValue, useSetAtom } from 'jotai'; import { useAtom, useAtomValue, useSetAtom } from 'jotai';
import dynamic from 'next/dynamic';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
@@ -7,12 +8,20 @@ import {
openCreateWorkspaceModalAtom, openCreateWorkspaceModalAtom,
openWorkspacesModalAtom, openWorkspacesModalAtom,
} from '../atoms'; } from '../atoms';
import { CreateWorkspaceModal } from '../components/pure/create-workspace-modal';
import { WorkspaceListModal } from '../components/pure/workspace-list-modal';
import { useCurrentUser } from '../hooks/current/use-current-user'; import { useCurrentUser } from '../hooks/current/use-current-user';
import { useWorkspaces, useWorkspacesHelper } from '../hooks/use-workspaces'; import { useWorkspaces, useWorkspacesHelper } from '../hooks/use-workspaces';
import { apis } from '../shared/apis'; import { apis } from '../shared/apis';
const WorkspaceListModal = dynamic(
async () =>
(await import('../components/pure/workspace-list-modal')).WorkspaceListModal
);
const CreateWorkspaceModal = dynamic(
async () =>
(await import('../components/pure/create-workspace-modal'))
.CreateWorkspaceModal
);
export function Modals() { export function Modals() {
const [openWorkspacesModal, setOpenWorkspacesModal] = useAtom( const [openWorkspacesModal, setOpenWorkspacesModal] = useAtom(
openWorkspacesModalAtom openWorkspacesModalAtom