30 lines
1,001 B
TypeScript
30 lines
1,001 B
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
/* AnalyzerRowSkeleton — phase 06 (D-28).
|
||
|
|
* Purpose: Skeleton placeholder matching analyzer feed row shape (no priority stripe per D-11).
|
||
|
|
* Renders 5 instances on initial load.
|
||
|
|
* Props: none — purely presentational. */
|
||
|
|
|
||
|
|
import { Card, CardContent } from '@/components/ui/card';
|
||
|
|
import { Skeleton } from '@/components/ui/skeleton';
|
||
|
|
|
||
|
|
export function AnalyzerRowSkeleton() {
|
||
|
|
return (
|
||
|
|
<Card className="py-0 shadow-none gap-0">
|
||
|
|
<CardContent className="px-4 py-4 space-y-1.5">
|
||
|
|
<div className="flex justify-between">
|
||
|
|
<Skeleton className="h-3 w-16" />
|
||
|
|
<Skeleton className="h-3 w-10" />
|
||
|
|
</div>
|
||
|
|
<Skeleton className="h-4 w-3/4 mt-0.5" />
|
||
|
|
<Skeleton className="h-3 w-full mt-1" />
|
||
|
|
<Skeleton className="h-3 w-2/3" />
|
||
|
|
<div className="flex justify-between mt-2">
|
||
|
|
<Skeleton className="h-2 w-20" />
|
||
|
|
<Skeleton className="h-3 w-12" />
|
||
|
|
</div>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
}
|