"use client"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { useCart } from "@/context/CartContext"; import { useEffect, useState } from "react"; export default function Navbar() { const router = useRouter(); const { items } = useCart(); const [user, setUser] = useState(null); const [showMenu, setShowMenu] = useState(false); const [companyName, setCompanyName] = useState("Server Zone Computer"); const [whatsApp, setWhatsApp] = useState(null); useEffect(() => { // Check if user is logged in const userData = localStorage.getItem("user"); if (userData) { setUser(JSON.parse(userData)); } }, []); useEffect(() => { const loadSettings = async () => { try { const res = await fetch("/api/settings"); if (res.ok) { const data = await res.json(); if (data?.company_name) setCompanyName(data.company_name); const p = data?.whatsapp_number || data?.phone; if (p) setWhatsApp(String(p).replace(/\D/g, "")); } } catch {} }; loadSettings(); }, []); const handleLogout = () => { localStorage.removeItem("user"); setUser(null); router.push("/"); }; const cartItemCount = items.reduce((sum, item) => sum + item.quantity, 0); const sendWhatsAppMessage = (message: string = "Hello, I'm interested in your products!") => { const fallback = process.env.NEXT_PUBLIC_WHATSAPP_NUMBER || "1234567890"; // Replace with your WhatsApp number const phoneNumber = (whatsApp || fallback).toString(); const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`; window.open(url, "_blank"); }; return ( ); }