toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-27 03:52:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): hydration issue (#2974)

Browse Source
This commit is contained in:
Alex Yang 2023-07-03 17:06:12 +08:00 committed by GitHub
parent af94674c18
commit ee2ab4086f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/component/src/components/app-sidebar/index.tsx
View File

@ -28,6 +28,7 @@ import { SidebarHeader } from './sidebar-header';
export type AppSidebarProps = PropsWithChildren<
SidebarHeaderProps & {
hasBackground?: boolean;
isFallback?: boolean;
}
>;
@ -52,7 +53,7 @@ export function AppSidebar(props: AppSidebarProps): ReactElement {
const [appSidebarFloating, setAppSidebarFloating] = useAtom(
appSidebarFloatingAtom
);
const initialRender = open === undefined;
const initialRender = open === undefined && !props.isFallback;
const isResizing = useAtomValue(appSidebarResizingAtom);
const navRef = useRef<HTMLDivElement>(null);
@ -126,7 +127,7 @@ export function AppSidebar(props: AppSidebarProps): ReactElement {
export const AppSidebarFallback = (): ReactElement | null => {
return (
<AppSidebar>
<AppSidebar isFallback>
<div className={fallbackStyle}>
<div className={fallbackHeaderStyle}>
<Skeleton variant="circular" width={40} height={40} />