{inProgress.desc && (
{inProgress.desc}
)}
)}
{/* Tip card — switch to live wait data */}
{sortedShort.length > 0 && (
Right now
{sortedShort[0].name} is the shortest wait at {sortedShort[0].wait} min.
{USER.isGuest && ' Sign in to start logging your rides.'}
)}
);
}
// Skeleton row used while queue-times is still fetching. Matches
// RideCardCompact's height so swap-in doesn't shift the layout.
function SkeletonRow({ delay = 0 }) {
return (
);
}
function RideCardCompact({ attraction, onClick }) {
const land = LANDS[attraction.land];
return (
{attraction.name}
{land.name}
{attraction.favorite && (
<>
·
)}
);
}
// ─────────────────────────────────────────────────────────────
// WAIT TIMES LIST
// ─────────────────────────────────────────────────────────────
function WaitsScreen({ onSelectAttraction }) {
const [filter, setFilter] = React.useState('all');
const [sort, setSort] = React.useState('wait');
// Direction is per-sort; tapping the active sort flips it. Defaults
// chosen so the first impression is sensible: wait ascending (shortest
// first), recent descending (newest first), land ascending (A-Z).
const [waitDir, setWaitDir] = React.useState('asc');
const [expanded, setExpanded] = React.useState(null);
const [query, setQuery] = React.useState('');
// Read live so re-renders pick up live-data swaps
const ATTRACTIONS = window.PH365.ATTRACTIONS;
const LANDS = window.PH365.LANDS;
const FILTERS = [
{ id: 'all', label: 'All' },
{ id: 'dlr', label: 'Disneyland' },
{ id: 'dca', label: 'California Adventure' },
{ id: 'open', label: 'Open Now' },
{ id: 'short', label: '< 30 min' },
{ id: 'fav', label: 'Favorites' },
];
let list = [...ATTRACTIONS];
if (filter === 'dlr') list = list.filter(a => LANDS[a.land]?.park === 'DLR');
if (filter === 'dca') list = list.filter(a => LANDS[a.land]?.park === 'DCA');
if (filter === 'open') list = list.filter(a => a.isOpen !== false);
if (filter === 'short') list = list.filter(a => a.wait != null && a.wait > 0 && a.wait < 30);
if (filter === 'fav') list = list.filter(a => a.favorite);
// Free-text name search (case-insensitive substring). Applied after the
// filter chip so search narrows within the active filter.
if (query.trim()) {
const q = query.trim().toLowerCase();
list = list.filter(a => (a.name || '').toLowerCase().includes(q));
}
// Hide closed rides + rides with no qt data ("Show", "Walkthrough" with null wait) by default,
// unless we're showing 'all' AND user picked a sort other than 'wait'.
if (filter !== 'all') list = list.filter(a => a.queueTimesId != null);
if (sort === 'wait') {
// Push null/missing waits to the bottom regardless of direction so
// closed/un-mapped rides don't crowd the top of either order.
const dir = waitDir === 'asc' ? 1 : -1;
list.sort((a, b) => {
const av = a.wait, bv = b.wait;
if (av == null && bv == null) return 0;
if (av == null) return 1;
if (bv == null) return -1;
return (av - bv) * dir;
});
}
if (sort === 'land') list.sort((a, b) => (LANDS[a.land]?.name ?? '').localeCompare(LANDS[b.land]?.name ?? ''));
return (