diff --git a/src/components/SpotPicker.tsx b/src/components/SpotPicker.tsx index c24b6ed..939149e 100644 --- a/src/components/SpotPicker.tsx +++ b/src/components/SpotPicker.tsx @@ -23,7 +23,7 @@ export function SpotPicker({ label = 'Spots Where You\'re Available', description = 'Select spots where you offer your services', }: SpotPickerProps) { - const { data: allSpots } = useSkateSpots(100); + const { data: allSpots, isLoading: spotsLoading } = useSkateSpots(100); const [searchQuery, setSearchQuery] = useState(''); const [isExpanded, setIsExpanded] = useState(false); @@ -176,11 +176,15 @@ export function SpotPicker({ ); })} - {filteredSpots.length === 0 && ( + {spotsLoading ? ( +

+ Loading spots… +

+ ) : filteredSpots.length === 0 ? (

No spots found. Try a different search.

- )} + ) : null} diff --git a/src/pages/EventsPage.tsx b/src/pages/EventsPage.tsx index 3027b04..1969db5 100644 --- a/src/pages/EventsPage.tsx +++ b/src/pages/EventsPage.tsx @@ -1157,7 +1157,13 @@ export default function EventsPage() {