kschappell/codetutor
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loading skeletons

Browse Source
This commit is contained in:
Kai Chappell
2025-05-30 20:34:31 +01:00
parent 8ecb700316
commit 2cf1ac3237
5 changed files with 145 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/patterns/[slug]/loading.tsx Normal file
View File

@@ -0,0 +1,30 @@
export default function PatternDetailLoading() {
return (
<div className="space-y-6">
<div className="h-10 w-64 bg-[var(--secondary)] rounded animate-pulse" />
<div className="h-6 w-24 bg-[var(--secondary)] rounded animate-pulse" />
<div className="space-y-2">
<div className="h-4 w-full bg-[var(--secondary)] rounded animate-pulse" />
<div className="h-4 w-full bg-[var(--secondary)] rounded animate-pulse" />
<div className="h-4 w-3/4 bg-[var(--secondary)] rounded animate-pulse" />
</div>
<div>
<div className="h-6 w-48 bg-[var(--secondary)] rounded animate-pulse mb-4" />
<div className="grid gap-4">
{[1, 2, 3].map((i) => (
<div
key={i}
className="p-4 rounded-lg bg-[var(--card)] border border-[var(--border)]"
>
<div className="h-5 w-48 bg-[var(--secondary)] rounded animate-pulse mb-2" />
<div className="h-4 w-full bg-[var(--secondary)] rounded animate-pulse" />
</div>
))}
</div>
</div>
</div>
);
}