dc1ad4d0c0
- Fuzzy ingredient matching for bar inventory against recipes - AI photo identification API for bottles/labels (drink + bar context) - Barcode scanner with photo toggle for My Bar - Barcode scan + photo ID buttons on Add Drink form - Auto-pull product images from Open Food Facts barcode lookup - Recipes section on drink detail pages with bar availability - Dedicated Recipes page in sidebar navigation - Bar item image support (schema, upload, display) - Drink detail image upload component - MinIO image proxy through Next.js rewrites (fixes broken image links) - Improved category mapping (energy drinks → Mixers, not Spirits) - Re-process saved recipe ingredients against current bar inventory Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
"use client"
|
|
|
|
import Link from "next/link"
|
|
import { usePathname } from "next/navigation"
|
|
import { LayoutDashboard, Wine, FlaskConical, GlassWater } from "lucide-react"
|
|
import { cn } from "@/lib/utils"
|
|
import { MoreMenu } from "./more-menu"
|
|
|
|
const primaryItems = [
|
|
{ href: "/dashboard", label: "Home", icon: LayoutDashboard },
|
|
{ href: "/drinks", label: "Drinks", icon: Wine },
|
|
{ href: "/bar", label: "Bar", icon: FlaskConical },
|
|
{ href: "/bartender", label: "Mix", icon: GlassWater },
|
|
]
|
|
|
|
export function BottomNav() {
|
|
const pathname = usePathname()
|
|
|
|
return (
|
|
<nav className="md:hidden fixed bottom-0 left-0 right-0 z-50 bg-card border-t safe-area-bottom">
|
|
<div className="flex items-center justify-around h-16">
|
|
{primaryItems.map((item) => {
|
|
const isActive = pathname === item.href || pathname.startsWith(item.href + "/")
|
|
return (
|
|
<Link
|
|
key={item.href}
|
|
href={item.href}
|
|
className={cn(
|
|
"flex flex-col items-center gap-1 px-3 py-2 text-xs font-medium transition-colors min-w-[64px]",
|
|
isActive
|
|
? "text-primary"
|
|
: "text-muted-foreground"
|
|
)}
|
|
>
|
|
<item.icon className="h-5 w-5" />
|
|
{item.label}
|
|
</Link>
|
|
)
|
|
})}
|
|
<MoreMenu />
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|