feat: lazy load modal components (#1337)

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

View File

@@ -1,4 +1,5 @@
import { useAtom, useAtomValue, useSetAtom } from 'jotai';
import dynamic from 'next/dynamic';
import { useRouter } from 'next/router';
import React, { useCallback } from 'react';
@@ -7,12 +8,20 @@ import {
openCreateWorkspaceModalAtom,
openWorkspacesModalAtom,
} 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 { useWorkspaces, useWorkspacesHelper } from '../hooks/use-workspaces';
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() {
const [openWorkspacesModal, setOpenWorkspacesModal] = useAtom(
openWorkspacesModalAtom