You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
902 B
TypeScript
29 lines
902 B
TypeScript
// frontend/components/dashboard/DashboardSkeleton.tsx
|
|
export function DashboardSkeleton() {
|
|
return (
|
|
<div className="dash-page" aria-busy="true" aria-live="polite">
|
|
<div className="pagehead">
|
|
<div>
|
|
<div className="skel skel-eyebrow" />
|
|
<div className="skel skel-title" />
|
|
</div>
|
|
</div>
|
|
<div className="work">
|
|
<div className="board">
|
|
<section className="card hero sp2">
|
|
<div className="skel skel-block" />
|
|
</section>
|
|
{Array.from({ length: 5 }).map((_, i) => (
|
|
<section className="card" key={i}>
|
|
<div className="skel skel-head" />
|
|
<div className="skel skel-line" />
|
|
<div className="skel skel-line" />
|
|
<div className="skel skel-line short" />
|
|
</section>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|