feat: add tooltips to map markers displaying shop names

This commit is contained in:
2025-12-05 10:25:10 -05:00
parent f816b93c39
commit bdee155760
7 changed files with 32 additions and 22 deletions

View File

@@ -22,8 +22,23 @@ export default function HomePage() {
return (
<main className="relative h-dvh w-screen overflow-hidden bg-black text-white font-serif">
{/* Navbar - always visible */}
<Navbar isDiscoveryOpen={isDiscoveryOpen} onToggleDiscovery={() => setIsDiscoveryOpen(!isDiscoveryOpen)} />
{/* Unified shadow container for navbar + drawer */}
<div className="absolute top-0 left-0 right-0 bottom-0 pointer-events-none z-[1000]" style={{ boxShadow: 'inset 0 0 40px 10px rgb(0 0 0 / 0.3)' }}>
{/* Navbar - always visible */}
<Navbar isDiscoveryOpen={isDiscoveryOpen} onToggleDiscovery={() => setIsDiscoveryOpen(!isDiscoveryOpen)} />
{/* Right Drawer - only render after mount to prevent hydration mismatch */}
{mounted && (
<Drawer
shop={selectedShop}
shops={COFFEE_SHOPS}
onSelect={setSelectedShop}
onClose={() => setSelectedShop(null)}
isOpen={isDiscoveryOpen}
onToggleOpen={() => setIsDiscoveryOpen(false)}
/>
)}
</div>
{/* Map Background */}
<div className="absolute inset-0 z-0">
@@ -36,17 +51,6 @@ export default function HomePage() {
/>
</div>
{/* Right Drawer - only render after mount to prevent hydration mismatch */}
{mounted && (
<Drawer
shop={selectedShop}
shops={COFFEE_SHOPS}
onSelect={setSelectedShop}
onClose={() => setSelectedShop(null)}
isOpen={isDiscoveryOpen}
onToggleOpen={() => setIsDiscoveryOpen(false)}
/>
)}
<WelcomeModal />
</main>
);