five-on-it / apps/client/src/ui/CityPicker
apps/client/src/ui/CityPicker
The curated cities' picker on the creation page (CreatePage.tsx, "Remix a curated city"): a search and a grid of preview cards, a page of CITY_PAGE at a time from GET /catalogue/cities, with skeleton cards while a page loads, so it holds hundreds of cities. A card is a radio: the one picked is the city the brief remixes. The search waits for the typing to pause before it asks; Previous and Next move a page. The ids are the end-to-end tests' contract: #create-city-picker (its data-total, data-page), #create-city-search, .create-city[data-city], #create-city-prev, #create-city-next.