Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-14 13:25:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(component): improve fallback skeleton (#2323)

Browse Source
This commit is contained in:
Himself65
2023-05-11 13:35:42 +08:00
committed by GitHub
parent 47848cb5da
commit 73dbb39009
12 changed files with 130 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/components/pure/loading/page-loading.tsx
View File

@@ -1,6 +1,5 @@
import { styled } from '@affine/component';
import { AffineLoading } from '@affine/component/affine-loading';
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import { memo, Suspense } from 'react';
export const Loading = memo(function Loading() {
@@ -35,12 +34,15 @@ const StyledLoadingContainer = styled('div')(() => {
};
});
export const PageLoading = ({ text }: { text?: string }) => {
const t = useAFFiNEI18N();
export const PageLoading = () => {
// We disable the loading on desktop, because want it looks faster.
// This is a design requirement.
if (environment.isDesktop) {
return null;
}
return (
<StyledLoadingContainer>
<Loading />
<h1>{text ? text : t['Loading']()}</h1>
</StyledLoadingContainer>
);
};