'use client';
import Link from 'next/link';
import { motion } from 'framer-motion';
import { Menu, X } from 'lucide-react';
import { useEffect, useRef, useState } from 'react';
import { config } from '@/lib/config';
import { getRuntimeClientConfig } from '@/lib/runtime-client-config';
type NavbarProps = {
onOpenLogin?: (targetReturnTo?: string) => void;
isAuthenticated?: boolean;
};
function LinkIcon() {
return (
);
}
function TelegramIcon() {
return (
);
}
export default function Navbar({ onOpenLogin, isAuthenticated = false }: NavbarProps) {
const runtimeConfig = getRuntimeClientConfig();
const projectName = runtimeConfig.projectName || config.projectName;
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const mobileMenuRef = useRef(null);
const closeMobileMenu = () => setIsMobileMenuOpen(false);
useEffect(() => {
if (!isMobileMenuOpen) return;
const handlePointerDown = (event: PointerEvent) => {
if (!mobileMenuRef.current?.contains(event.target as Node)) {
setIsMobileMenuOpen(false);
}
};
document.addEventListener('pointerdown', handlePointerDown);
return () => {
document.removeEventListener('pointerdown', handlePointerDown);
};
}, [isMobileMenuOpen]);
return (
{projectName}
{isMobileMenuOpen ? (
Функции
Записки
Аналитика
Тарифы
) : null}
);
}