chore: update

frontend-prep/src/components/Navbar.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
-import { useCart } from "../context/CartContext";
+import { useCart } from "../context/useCart";
 import "./Navbar.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
@@ -14,10 +14,11 @@ import {
     faTimes,
     faBell,
     faGift,
+    faUserCircle,
 } from "@fortawesome/free-solid-svg-icons";
 import { faTelegram } from "@fortawesome/free-brands-svg-icons";
 import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { getClientNotifications, markNotificationsRead } from "../api/api";
+import { getClientNotifications, markNotificationsRead, getPublicSettings } from "../api/api";
 import type { ClientNotification } from "../api/api";
 
 interface MenuItem {
@@ -33,6 +34,7 @@ function Navbar() {
     const [notifications, setNotifications] = useState<ClientNotification[]>([]);
     const [unreadCount, setUnreadCount] = useState(0);
     const [showNotifPanel, setShowNotifPanel] = useState(false);
+    const [referralEnabled, setReferralEnabled] = useState(true);
     const seenKeysRef = useRef<Set<string>>(new Set());
     const isFirstLoadRef = useRef(true);
     const notifPanelRef = useRef<HTMLDivElement>(null);
@@ -67,6 +69,10 @@ function Navbar() {
         return () => clearInterval(interval);
     }, [fetchNotifications]);
 
+    useEffect(() => {
+        getPublicSettings().then((s) => setReferralEnabled(s.referral_enabled));
+    }, []);
+
     useEffect(() => {
         const handleClickOutside = (e: MouseEvent) => {
             if (notifPanelRef.current && !notifPanelRef.current.contains(e.target as Node)) {
@@ -92,7 +98,8 @@ function Navbar() {
         { id: "panier",     label: "Mon Panier",       icon: faShoppingCart,     path: "/user/panier" },
         { id: "suivi",      label: "Suivi Livraison",  icon: faTruck,            path: "/user/suivi-livraison" },
         { id: "historique", label: "Historique",       icon: faClockRotateLeft,  path: "/user/consultation-historique" },
-        { id: "parrainage", label: "Parrainage",       icon: faGift,             path: "/user/parrainage" },
+        ...(referralEnabled ? [{ id: "parrainage", label: "Parrainage", icon: faGift, path: "/user/parrainage" } as MenuItem] : []),
+        { id: "profil",     label: "Mon Profil",       icon: faUserCircle,       path: "/user/profil" },
     ];
 
     const toggleMenu = () => setIsMenuOpen((v) => !v);