25 lines
776 B
JavaScript
25 lines
776 B
JavaScript
import { Skeleton } from "@/components/ui/skeleton";
|
|
|
|
const ChatListCardSkeleton = () => {
|
|
return (
|
|
<div className="p-4 border-b">
|
|
<div className="flex items-start gap-3">
|
|
{/* Avatar skeleton */}
|
|
<Skeleton className="w-12 h-12 rounded-full" />
|
|
|
|
<div className="flex-1">
|
|
{/* Name skeleton */}
|
|
<Skeleton className="h-4 w-[40%] mb-2 rounded-md" />
|
|
|
|
{/* Message skeleton */}
|
|
<Skeleton className="h-3 w-[70%] rounded-md" />
|
|
</div>
|
|
|
|
{/* Time skeleton */}
|
|
<Skeleton className="h-3 w-[15%] rounded-md" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ChatListCardSkeleton
|