mirror of
https://github.com/soconnor0919/lewisburg-coffee.git
synced 2026-02-05 08:06:32 -05:00
feat: Introduce a toggleable discovery drawer with shop search and a new 'locate me' map control.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user