fix(core): fix ui flickering on startup (#7349)

This commit is contained in:
EYHN
2024-06-27 03:33:14 +00:00
parent 6f31d5ee6a
commit 595b904d24
3 changed files with 45 additions and 115 deletions

View File

@@ -17,7 +17,7 @@ import {
} from '@toeverything/infra';
import { useAtomValue, useSetAtom } from 'jotai';
import type { PropsWithChildren, ReactNode } from 'react';
import { lazy, useCallback, useEffect, useMemo, useState } from 'react';
import { useCallback, useEffect, useMemo, useState } from 'react';
import { createPortal } from 'react-dom';
import { Map as YMap } from 'yjs';
@@ -41,6 +41,7 @@ import { useRegisterFindInPageCommands } from '../hooks/affine/use-register-find
import { useNavigateHelper } from '../hooks/use-navigate-helper';
import { useRegisterWorkspaceCommands } from '../hooks/use-register-workspace-commands';
import { QuickSearchService } from '../modules/cmdk';
import { CMDKQuickSearchModal } from '../modules/cmdk/views';
import { useRegisterNavigationCommands } from '../modules/navigation/view/use-register-navigation-commands';
import { WorkbenchService } from '../modules/workbench';
import {
@@ -52,12 +53,6 @@ import { pathGenerator } from '../shared';
import { mixpanel } from '../utils';
import * as styles from './styles.css';
const CMDKQuickSearchModal = lazy(() =>
import('../modules/cmdk/views').then(module => ({
default: module.CMDKQuickSearchModal,
}))
);
export const QuickSearch = () => {
const quickSearch = useService(QuickSearchService).quickSearch;
const open = useLiveData(quickSearch.show$);
@@ -239,6 +234,7 @@ export const WorkspaceLayoutInner = ({ children }: PropsWithChildren) => {
createPage={handleCreatePage}
paths={pathGenerator}
/>
<MainContainer clientBorder={appSettings.clientBorder}>
{needUpgrade || upgrading ? <WorkspaceUpgrade /> : children}
</MainContainer>