"use client";
import { usePathname } from "next/navigation";
import type { ReactNode } from "react";
type DockItem = {
href: string;
label: string;
isActive: (pathname: string) => boolean;
icon: ReactNode;
};
function DockIcon({ children }: { children: ReactNode }) {
return (
);
}
const dockItems: DockItem[] = [
{
href: "/",
label: "Mapa",
isActive: (pathname) => pathname === "/",
icon:
},
{
href: "/discover",
label: "Descubrir",
isActive: (pathname) => pathname === "/discover" || pathname === "/results",
icon:
},
{
href: "/messages",
label: "Mensajes",
isActive: (pathname) => pathname.startsWith("/messages") || pathname.startsWith("/account/inbox"),
icon:
},
{
href: "/favorites",
label: "Favoritos",
isActive: (pathname) => pathname.startsWith("/favorites"),
icon:
},
{
href: "/profile",
label: "Perfil",
isActive: (pathname) => pathname.startsWith("/profile") || pathname === "/account",
icon:
}
];
export default function MobileAppDock() {
const pathname = usePathname();
if (
pathname.startsWith("/app/backoffice")
|| pathname.startsWith("/admin")
) {
return null;
}
return (
);
}