"use client"; import { ListCard } from "@/components/home/list-card"; import { EmptyState } from "@/components/home/empty-state"; import { useUserGroups } from "@/hooks/use-user-groups"; export function ListGrid() { const { data: groups, isLoading, error } = useUserGroups(); if (isLoading) { return (
{Array.from({ length: 3 }).map((_, i) => (
))}
); } if (error) { return (

Failed to load lists. Please try again.

); } if (!groups || groups.length === 0) { return ; } return (
{groups.map((group) => ( ))}
); }