sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 06:23:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

switch to nx monorepo

Browse Source
This commit is contained in:
Philipinho
2024-01-09 18:58:26 +01:00
parent e1bb2632b8
commit 093e634c0b
273 changed files with 11419 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/editor/components/editor-skeleton.tsx
+39
View File
@@ -0,0 +1,39 @@
import React, { useState, useEffect } from 'react';
import { Skeleton } from '@mantine/core';
function EditorSkeleton() {
const [showSkeleton, setShowSkeleton] = useState(false);
useEffect(() => {
const timer = setTimeout(() => setShowSkeleton(true), 100);
return () => clearTimeout(timer);
}, []);
if (!showSkeleton) {
return null;
}
return (
<>
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
<Skeleton height={12} mt={6} radius="xl" />
</>
);
}
export default EditorSkeleton;