98480c347a
- Module go-live-view: types, useGoLiveView, Header, Preview, StreamInfo, EncoderSetup, QuickInstructions, MicLevel, Skeleton, orchestrator - Re-export from GoLiveView.tsx - Stories: Default, Loading (Skeleton); decorator min-h-layout-main - Fix: text-[10px] -> text-xs, w-[60%] -> w-3/5 Co-authored-by: Cursor <cursoragent@cursor.com>
52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
/**
|
|
* Skeleton for GoLiveView — layout primitives, no arbitrary values.
|
|
*/
|
|
export function GoLiveViewSkeleton() {
|
|
return (
|
|
<div className="animate-fadeIn pb-20 max-w-6xl mx-auto">
|
|
<div className="flex justify-between items-center mb-8 border-b border-kodo-steel/50 pb-6">
|
|
<div className="space-y-2">
|
|
<div className="h-9 w-64 rounded bg-muted animate-pulse" />
|
|
<div className="h-4 w-56 rounded bg-muted animate-pulse" />
|
|
</div>
|
|
<div className="flex gap-4">
|
|
<div className="h-10 w-24 rounded-lg bg-muted animate-pulse" />
|
|
<div className="h-10 w-32 rounded-lg bg-muted animate-pulse" />
|
|
</div>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
|
<div className="lg:col-span-2 space-y-6">
|
|
<div className="aspect-video rounded-xl bg-muted animate-pulse" />
|
|
<div className="rounded-xl border border-kodo-steel p-6 space-y-4">
|
|
<div className="h-5 w-40 rounded bg-muted animate-pulse" />
|
|
<div className="h-11 w-full rounded-lg bg-muted animate-pulse" />
|
|
<div className="h-11 w-full rounded-lg bg-muted animate-pulse" />
|
|
<div className="h-11 w-full rounded-lg bg-muted animate-pulse" />
|
|
<div className="flex justify-end">
|
|
<div className="h-9 w-24 rounded-lg bg-muted animate-pulse" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="space-y-6">
|
|
<div className="rounded-xl border p-6 space-y-4">
|
|
<div className="h-5 w-32 rounded bg-muted animate-pulse" />
|
|
<div className="h-11 w-full rounded bg-muted animate-pulse" />
|
|
<div className="h-11 w-full rounded bg-muted animate-pulse" />
|
|
</div>
|
|
<div className="rounded-xl border p-6 space-y-2">
|
|
<div className="h-5 w-36 rounded bg-muted animate-pulse" />
|
|
<div className="h-4 w-full rounded bg-muted animate-pulse" />
|
|
<div className="h-4 w-full rounded bg-muted animate-pulse" />
|
|
<div className="h-4 w-3/4 rounded bg-muted animate-pulse" />
|
|
</div>
|
|
<div className="p-4 rounded-xl border border-kodo-steel space-y-2">
|
|
<div className="h-4 w-24 rounded bg-muted animate-pulse" />
|
|
<div className="h-2 w-full rounded-full bg-muted animate-pulse" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|