449c02eadc
Some checks failed
Deploy Multi-VM / Deploy VM Web (push) Has been cancelled
Deploy Multi-VM / Deploy VM Auth (push) Has been cancelled
Deploy Multi-VM / Deploy Game Servers (docker-compose.fusionfall.yml, VM_FUSIONFALL_HOST, VM_FUSIONFALL_SSH_KEY, VM_FUSIONFALL_USER, fusionfall) (push) Has been cancelled
Deploy Multi-VM / Deploy Game Servers (docker-compose.maple2.yml, VM_MAPLE2_HOST, VM_MAPLE2_SSH_KEY, VM_MAPLE2_USER, maple2) (push) Has been cancelled
Deploy Multi-VM / Deploy Game Servers (docker-compose.minecraft.yml, VM_MINECRAFT_HOST, VM_MINECRAFT_SSH_KEY, VM_MINECRAFT_USER, minecraft) (push) Has been cancelled
Deploy Multi-VM / Deploy Game Servers (docker-compose.retro.yml, VM_RETRO_HOST, VM_RETRO_SSH_KEY, VM_RETRO_USER, retro) (push) Has been cancelled
- Redesign all internal pages to warm/gold aesthetic (catalog, game detail, documentary, about, donate, community, guides, contact, server-status, login, profile, admin, not-found) - Add real cover images for all 4 games via Strapi CMS with getImageUrl helper - Integrate NextAuth v5 with Authentik OIDC authentication - Add new public pages: community, guides, contact, server-status - Add new protected pages: login, profile, admin dashboard - Remove legacy AFC/MercadoPago system entirely - Add Docker Compose split files for service isolation (main, auth, fusionfall, nier) - Add OpenFusion VM deployment configs (config.vm.ini, systemd service, README-VM) - Add NieR Reincarnation server guide and desktop client guide - Add architecture docs for multi-VM deployment - Add healthcheck, SSE, contact, newsletter, admin API routes - Add reusable UI components, skeleton loaders, activity feed, bookmark system - Update deployment and game server documentation
57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { useLocale } from "next-intl";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
const routeLabels: Record<string, string> = {
|
|
catalog: "Catalog",
|
|
about: "About",
|
|
donate: "Donate",
|
|
community: "Community",
|
|
guides: "Guides",
|
|
contact: "Contact",
|
|
admin: "Admin",
|
|
"server-status": "Server Status",
|
|
games: "Games",
|
|
documentary: "Documentary",
|
|
};
|
|
|
|
export function Breadcrumb() {
|
|
const locale = useLocale();
|
|
const pathname = usePathname();
|
|
|
|
const segments = pathname.split("/").filter(Boolean).slice(1); // remove locale
|
|
if (segments.length === 0) return null;
|
|
|
|
return (
|
|
<nav aria-label="Breadcrumb" className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-4 pb-0">
|
|
<ol className="flex items-center gap-2 text-sm text-[#6b6b75]">
|
|
<li>
|
|
<Link href={`/${locale}`} className="hover:text-[#d4a574] transition-colors">
|
|
Home
|
|
</Link>
|
|
</li>
|
|
{segments.map((segment, i) => {
|
|
const isLast = i === segments.length - 1;
|
|
const href = `/${locale}/${segments.slice(0, i + 1).join("/")}`;
|
|
const label = routeLabels[segment] || segment;
|
|
|
|
return (
|
|
<li key={segment + i} className="flex items-center gap-2">
|
|
<span className="text-[rgba(255,255,255,0.1)]">/</span>
|
|
{isLast ? (
|
|
<span className="text-[#a0a0a8] font-medium">{label}</span>
|
|
) : (
|
|
<Link href={href} className="hover:text-[#d4a574] transition-colors">
|
|
{label}
|
|
</Link>
|
|
)}
|
|
</li>
|
|
);
|
|
})}
|
|
</ol>
|
|
</nav>
|
|
);
|
|
}
|