SkateSpots/src/hooks/useSkateEvents.ts
SkateSpots f1ddf5fdf1 feat(quality): review queue for every kind, soft photo gate, empty-map nudge
(a) Review queue covers spots/shops/events/tours/gear: added { includeHidden }
    (admin-tooling only) to useSkateShops/useSkateEvents/useTours/
    useMarketplaceItems; generalised the flags to contentFlags() in spotQuality.ts
    (trust/status/photo signals stay spot-only); one component per kind so only the
    OPEN tab queries. Reports + trust are kind-agnostic; the label mechanism never
    cared about kind.
(b) Photo gate softened: removed the hard block (it punished an honest mapper with
    no photo). Publish without a photo is allowed; the spot stays Unverified, the
    success toast says so, and the queue's 'no photo' flag lets a human look.
(c) Empty-map nudge: MapPage now distinguishes a FILTER empty ('No spots match')
    from a genuinely EMPTY map ('No spots mapped yet — be the first to map your
    park', with Add-spot + Near-me). Note: must key off allLocations, not mapSpots
    (which derives from filteredSpots).

Verified in the browser: the empty-map nudge renders with its CTAs when no spots
load; the review queue renders 15 spot rows and the tabs switch (Gear shows its
own empty state). tsc/eslint clean, 101 tests, smoke PASS.
2026-09-28 09:59:09 +07:00

130 lines
4 KiB
TypeScript

import { useQuery } from '@tanstack/react-query';
import { CALENDAR_EVENT_KIND, parseSkateEvent, isFeaturedActive, type SkateEvent } from '@/lib/types';
import { useSkateRelays } from '@/hooks/useSkateRelays';
import { useAdminModeration, filterAdminHidden } from '@/hooks/useAdminModeration';
export function useSkateEvents(limit = 50, options: { includeHidden?: boolean } = {}) {
const { includeHidden = false } = options;
const { querySkateContent, getQueryKeySuffix } = useSkateRelays();
const hidden = useAdminModeration();
return useQuery({
queryKey: ['skate-events', limit, getQueryKeySuffix()],
// `includeHidden`: admin tooling only (review queue + undo).
select: (events: SkateEvent[]) =>
includeHidden ? events : filterAdminHidden(events, CALENDAR_EVENT_KIND, hidden),
queryFn: async () => {
const signal = AbortSignal.timeout(15000);
const events = await querySkateContent(
[
{
kinds: [CALENDAR_EVENT_KIND],
'#t': ['skateboarding'],
limit,
},
],
{ signal }
);
const skateEvents: SkateEvent[] = [];
for (const event of events) {
const skateEvent = parseSkateEvent(event);
if (skateEvent) skateEvents.push(skateEvent);
}
// Featured (paid) events first, then by soonest start time.
return skateEvents.sort((a, b) => {
const aF = isFeaturedActive(a.featuredUntil) ? 1 : 0;
const bF = isFeaturedActive(b.featuredUntil) ? 1 : 0;
if (aF !== bF) return bF - aF;
return a.start - b.start;
});
},
staleTime: 60000,
});
}
export function useUpcomingSkateEvents(limit = 20) {
const { querySkateContent, getQueryKeySuffix } = useSkateRelays();
const hidden = useAdminModeration();
const now = Math.floor(Date.now() / 1000);
return useQuery({
queryKey: ['upcoming-skate-events', limit, getQueryKeySuffix()],
select: (events: SkateEvent[]) => filterAdminHidden(events, CALENDAR_EVENT_KIND, hidden),
queryFn: async () => {
const signal = AbortSignal.timeout(15000);
const events = await querySkateContent(
[
{
kinds: [CALENDAR_EVENT_KIND],
'#t': ['skateboarding'],
limit: limit * 2, // Fetch more to filter
},
],
{ signal }
);
const skateEvents: SkateEvent[] = [];
for (const event of events) {
const skateEvent = parseSkateEvent(event);
// Only include future events
if (skateEvent && skateEvent.start >= now) {
skateEvents.push(skateEvent);
}
}
// Featured (paid) events first, then soonest start time.
return skateEvents
.sort((a, b) => {
const aF = isFeaturedActive(a.featuredUntil) ? 1 : 0;
const bF = isFeaturedActive(b.featuredUntil) ? 1 : 0;
if (aF !== bF) return bF - aF;
return a.start - b.start;
})
.slice(0, limit);
},
staleTime: 60000,
});
}
export function useSkateEvent(identifier: string, pubkey?: string) {
const { querySkateContent, getQueryKeySuffix } = useSkateRelays();
const hidden = useAdminModeration();
return useQuery({
queryKey: ['skate-event', identifier, pubkey, getQueryKeySuffix()],
select: (evt: SkateEvent | null) =>
evt && hidden.has({ coord: `${CALENDAR_EVENT_KIND}:${evt.pubkey}:${evt.identifier}`, id: evt.id })
? null
: evt,
queryFn: async () => {
const signal = AbortSignal.timeout(10000);
const filter: {
kinds: number[];
'#d': string[];
authors?: string[];
limit: number;
} = {
kinds: [CALENDAR_EVENT_KIND],
'#d': [identifier],
limit: 1,
};
if (pubkey) {
filter.authors = [pubkey];
}
const events = await querySkateContent([filter], { signal });
if (events.length === 0) return null;
return parseSkateEvent(events[0]);
},
enabled: !!identifier,
staleTime: 60000,
});
}