feat: Introduce a toggleable discovery drawer with shop search and a new 'locate me' map control.

This commit is contained in:
2025-12-05 02:17:18 -05:00
parent b31d488e25
commit ba9cbe18f4
7 changed files with 264 additions and 111 deletions

View File

@@ -9,6 +9,7 @@ import { WelcomeModal } from "~/components/WelcomeModal";
export default function HomePage() {
const [selectedShop, setSelectedShop] = useState<typeof COFFEE_SHOPS[0] | null>(null);
const [isDiscoveryOpen, setIsDiscoveryOpen] = useState(true);
return (
<main className="relative h-screen w-screen overflow-hidden bg-black text-white font-serif">
@@ -16,15 +17,23 @@ export default function HomePage() {
<div className="absolute inset-0 z-0">
<MapLoader
shops={COFFEE_SHOPS}
onShopSelect={(shop: typeof COFFEE_SHOPS[0]) => setSelectedShop(shop)}
onShopSelect={(shop: typeof COFFEE_SHOPS[0]) => {
setSelectedShop(shop);
setIsDiscoveryOpen(true);
}}
selectedShop={selectedShop}
isDiscoveryOpen={isDiscoveryOpen}
onToggleDiscovery={() => setIsDiscoveryOpen(!isDiscoveryOpen)}
/>
</div>
{/* Right Drawer */}
<Drawer
shop={selectedShop}
shops={COFFEE_SHOPS}
onSelect={setSelectedShop}
onClose={() => setSelectedShop(null)}
isOpen={isDiscoveryOpen}
/>
<WelcomeModal />
</main>