toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2025-01-03 13:52:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): fix flickering workspace list (#5391)

Browse Source
This commit is contained in:
EYHN 2023-12-25 07:09:49 +00:00
parent 56f0580382
commit 7fcdb7a153
No known key found for this signature in database
GPG Key ID: 46C9E26A75AB276C
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/frontend/core/src/pages/index.tsx
View File

@ -1,7 +1,8 @@
import { Menu } from '@affine/component/ui/menu';
import { WorkspaceFallback } from '@affine/component/workspace';
import { workspaceListAtom } from '@affine/workspace/atom';
import { useAtomValue } from 'jotai';
import { lazy, useEffect } from 'react';
import { lazy, useEffect, useLayoutEffect, useState } from 'react';
import { type LoaderFunction, redirect } from 'react-router-dom';
import { createFirstAppData } from '../bootstrap/first-app-data';
@ -24,10 +25,14 @@ export const loader: LoaderFunction = async () => {
};
export const Component = () => {
// navigating and creating may be slow, to avoid flickering, we show workspace fallback
const [navigating, setNavigating] = useState(false);
const [creating, setCreating] = useState(false);
const list = useAtomValue(workspaceListAtom);
const { openPage } = useNavigateHelper();
useEffect(() => {
useLayoutEffect(() => {
if (list.length === 0) {
return;
}
@ -36,14 +41,24 @@ export const Component = () => {
const lastId = localStorage.getItem('last_workspace_id');
const openWorkspace = list.find(w => w.id === lastId) ?? list[0];
openPage(openWorkspace.id, WorkspaceSubPath.ALL);
setNavigating(true);
}, [list, openPage]);
useEffect(() => {
createFirstAppData().catch(err => {
console.error('Failed to create first app data', err);
});
setCreating(true);
createFirstAppData()
.catch(err => {
console.error('Failed to create first app data', err);
})
.finally(() => {
setCreating(false);
});
}, []);
if (navigating || creating) {
return <WorkspaceFallback></WorkspaceFallback>;
}
// TODO: We need a no workspace page
return (
<>