ayrisdev/marmarislocal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement dynamic categories, admin category CRUD, fix routing and cleanup

Browse Source
This commit is contained in:
AyrisAI
2026-07-13 13:51:48 +03:00
parent 2f2dafcfb9
commit 5b44c78396
54 changed files with 3619 additions and 473 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Navbar.tsx
+29 -26
View File
@@ -4,8 +4,9 @@ import { useState, useEffect } from 'react'
import { Link, usePathname, useRouter } from '@/i18n/routing'
import { useTranslations, useLocale } from 'next-intl'
import { Menu, X, Globe, PlusCircle, Heart } from 'lucide-react'
import { Category } from '@prisma/client'
export default function Navbar() {
export default function Navbar({ categories = [] }: { categories?: Category[] }) {
const t = useTranslations('nav')
const activeLocale = useLocale()
const pathname = usePathname()
@@ -30,10 +31,10 @@ export default function Navbar() {
}
updateCount()
window.addEventListener('favorites-updated', updateCount)
window.addEventListener('storage', updateCount)
return () => {
window.removeEventListener('favorites-updated', updateCount)
window.removeEventListener('storage', updateCount)
@@ -46,15 +47,20 @@ export default function Navbar() {
{ code: 'ru', label: 'Русский' }
]
const getLocalizedName = (obj: any) => {
if (!obj) return ''
return activeLocale === 'ru' ? obj.nameRu : activeLocale === 'en' ? obj.nameEn : obj.nameTr
}
const categoryItems = categories.map(cat => ({
name: getLocalizedName(cat),
href: `/${cat.slug}`
}))
const navItems = [
{ name: t('home'), href: '/' },
{ name: t('restaurants'), href: '/restoranlar' },
{ name: t('aparts'), href: '/apartlar' },
{ name: t('businesses'), href: '/isletmeler' },
{ name: t('collections'), href: '/seckiler' },
...categoryItems,
{ name: t('events'), href: '/events' },
{ name: t('blog'), href: '/blog' },
{ name: t('about'), href: '/hakkinda' },
{ name: t('contact'), href: '/iletisim' }
]
const handleLanguageChange = (localeCode: string) => {
@@ -66,7 +72,7 @@ export default function Navbar() {
<header className="bg-pine text-stone border-b border-white/10 sticky top-0 z-40">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex items-center justify-between h-20">
{/* Logo & Wordmark */}
<Link href="/" className="flex items-center gap-3 group">
<div className="w-11 h-11 rounded-full border-2 border-stone flex items-center justify-center relative bg-paper shrink-0 shadow-sm transition-transform group-hover:scale-105">
@@ -84,16 +90,15 @@ export default function Navbar() {
</Link>
{/* Desktop Navigation */}
<nav className="hidden lg:flex items-center gap-6">
<nav className="hidden lg:flex items-center gap-8">
{navItems.map((item) => {
const isActive = pathname === item.href
return (
<Link
key={item.name}
href={item.href}
className={`text-sm font-medium transition-colors hover:text-turquoise ${
isActive ? 'text-turquoise font-semibold' : 'text-stone/80'
}`}
className={`text-sm font-medium transition-colors hover:text-turquoise ${isActive ? 'text-turquoise font-semibold' : 'text-stone/80'
}`}
>
{item.name}
</Link>
@@ -105,7 +110,7 @@ export default function Navbar() {
<div className="hidden lg:flex items-center gap-4">
{/* Saved items trigger */}
<Link
href="/kaydedilenler"
href="/saved"
className="relative w-8 h-8 rounded-full border border-stone/20 hover:border-turquoise transition text-stone hover:text-turquoise flex items-center justify-center"
title={t('saved')}
>
@@ -126,7 +131,7 @@ export default function Navbar() {
<Globe className="w-3.5 h-3.5 text-turquoise" />
{activeLocale.toUpperCase()}
</button>
{langMenuOpen && (
<>
<div className="fixed inset-0 z-10" onClick={() => setLangMenuOpen(false)} />
@@ -135,9 +140,8 @@ export default function Navbar() {
<button
key={lang.code}
onClick={() => handleLanguageChange(lang.code)}
className={`w-full text-left px-4 py-2 text-xs hover:bg-stone transition flex items-center justify-between ${
activeLocale === lang.code ? 'font-bold text-turquoise bg-stone/40' : 'text-ink/80'
}`}
className={`w-full text-left px-4 py-2 text-xs hover:bg-stone transition flex items-center justify-between ${activeLocale === lang.code ? 'font-bold text-turquoise bg-stone/40' : 'text-ink/80'
}`}
>
{lang.label}
<span className="font-mono text-[10px] text-shutter">{lang.code.toUpperCase()}</span>
@@ -150,7 +154,7 @@ export default function Navbar() {
{/* Add Business Button */}
<Link
href="/isletme-ekle"
href="/add-business"
className="flex items-center gap-1.5 bg-turquoise hover:bg-turquoise/90 text-paper font-medium text-xs py-2 px-4 rounded-full transition-transform active:scale-95 shadow-sm"
>
<PlusCircle className="w-3.5 h-3.5" />
@@ -162,7 +166,7 @@ export default function Navbar() {
<div className="flex items-center gap-3 lg:hidden">
{/* Mobile Saved trigger */}
<Link
href="/kaydedilenler"
href="/saved"
className="relative w-8 h-8 rounded-full border border-stone/20 text-stone flex items-center justify-center"
title={t('saved')}
>
@@ -223,9 +227,8 @@ export default function Navbar() {
key={item.name}
href={item.href}
onClick={() => setMobileMenuOpen(false)}
className={`text-sm font-medium py-2 px-3 rounded-lg transition-colors ${
isActive ? 'bg-white/10 text-turquoise' : 'text-stone/80 hover:bg-white/5'
}`}
className={`text-sm font-medium py-2 px-3 rounded-lg transition-colors ${isActive ? 'bg-white/10 text-turquoise' : 'text-stone/80 hover:bg-white/5'
}`}
>
{item.name}
</Link>
@@ -234,7 +237,7 @@ export default function Navbar() {
</nav>
<div className="pt-4 border-t border-white/10">
<Link
href="/isletme-ekle"
href="/add-business"
onClick={() => setMobileMenuOpen(false)}
className="w-full flex items-center justify-center gap-2 bg-turquoise hover:bg-turquoise/90 text-paper font-medium py-3 rounded-lg text-sm transition"
>