Extract components and hooks from oversized pages into colocated _components/ and _hooks/ subdirectories to enforce the 500-LOC hard cap. page.tsx files reduced to 205, 121, and 136 LOC respectively. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
18 lines
611 B
TypeScript
18 lines
611 B
TypeScript
export function LoadingSkeleton() {
|
|
return (
|
|
<div className="space-y-4">
|
|
{[1, 2, 3].map(i => (
|
|
<div key={i} className="bg-white rounded-xl border border-gray-200 p-6 animate-pulse">
|
|
<div className="h-6 w-3/4 bg-gray-200 rounded mb-2" />
|
|
<div className="h-4 w-full bg-gray-100 rounded mb-4" />
|
|
<div className="grid grid-cols-3 gap-4">
|
|
<div className="h-4 bg-gray-200 rounded" />
|
|
<div className="h-4 bg-gray-200 rounded" />
|
|
<div className="h-4 bg-gray-200 rounded" />
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|