use Loading spinner in slots list
This commit is contained in:
parent
9c91101c99
commit
61fbc7a3ab
@ -1,17 +1,12 @@
|
|||||||
'use client';
|
'use client';
|
||||||
import { SlotCard } from './slot-card';
|
import { SlotCard } from './slot-card';
|
||||||
|
import { LoadingSpinner } from '@/components/common/spinner';
|
||||||
import { useSlots } from '@/hooks/slots';
|
import { useSlots } from '@/hooks/slots';
|
||||||
import { Loader } from 'lucide-react';
|
|
||||||
|
|
||||||
export function SlotsList() {
|
export function SlotsList() {
|
||||||
const { data: slots, isLoading } = useSlots();
|
const { data: slots, isLoading } = useSlots();
|
||||||
|
|
||||||
if (isLoading)
|
if (isLoading) return <LoadingSpinner />;
|
||||||
return (
|
|
||||||
<div className="flex items-center justify-center px-4">
|
|
||||||
<Loader className="animate-spin" />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-4 px-4">
|
<div className="flex flex-col gap-4 px-4">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user