2025-02-11 18:49:19 +03:00

21 lines
517 B
TypeScript

'use client';
import { SlotCard } from './components/slot-card';
import { LoadingSpinner } from '@/components/common/spinner';
import { useSlots } from '@/hooks/slots';
export function SlotsList() {
const { data: slots, isLoading } = useSlots();
if (isLoading) return <LoadingSpinner />;
return (
<div className="flex flex-col gap-4 px-4">
{slots?.map((slot) => {
if (!slot?.documentId) return null;
return <SlotCard key={slot.documentId} {...slot} />;
})}
</div>
);
}