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 fc9192937d
commit cb0b04c428
5 changed files with 145 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/questions/[slug]/loading.tsx
+39
View File
@@ -0,0 +1,39 @@
export default function QuestionDetailLoading() {
return (
<div className="space-y-6">
<div className="h-10 w-3/4 bg-[var(--secondary)] rounded animate-pulse" />
<div className="flex gap-2">
{[1, 2, 3].map((i) => (
<div
key={i}
className="h-6 w-20 bg-[var(--secondary)] rounded animate-pulse"
/>
))}
</div>
<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-2/3 bg-[var(--secondary)] rounded animate-pulse" />
</div>
<div className="p-4 rounded-lg bg-[var(--card)] border border-[var(--border)]">
<div className="h-6 w-32 bg-[var(--secondary)] rounded animate-pulse mb-4" />
<div className="space-y-2">
{[1, 2, 3].map((i) => (
<div
key={i}
className="h-4 w-full bg-[var(--secondary)] rounded animate-pulse"
/>
))}
</div>
</div>
<div className="p-4 rounded-lg bg-[var(--card)] border border-[var(--border)]">
<div className="h-6 w-24 bg-[var(--secondary)] rounded animate-pulse mb-4" />
<div className="h-48 w-full bg-[var(--secondary)] rounded animate-pulse" />
</div>
</div>
);
}