"use client"; import { useState, useEffect } from "react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { Button } from "@/components/ui/button"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; import { Menu, Home, User, Landmark, Briefcase, Calendar, FolderOpen, Newspaper, ImageIcon, Lock } from "lucide-react"; import { fetchAcaraAktif } from "@/lib/public-actions"; import { SessionProvider, useSession } from "next-auth/react"; function PublicLayoutContent({ children, }: { children: React.ReactNode; }) { const [isDarkNav, setIsDarkNav] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [acaraAktif, setAcaraAktif] = useState([]); const { data: session } = useSession(); const pathname = usePathname(); useEffect(() => { const handleScroll = () => { const currentScroll = window.scrollY; // Gunakan getBoundingClientRect untuk mendeteksi apakah navbar (ketinggian sekitar 0 - 80px) // sedang melayang di atas section yang memiliki data-theme="dark" const darkSections = document.querySelectorAll('[data-theme="dark"]'); let isOverDark = false; darkSections.forEach(section => { const rect = section.getBoundingClientRect(); // Jika posisi atas section telah mencapai / melewati bagian bawah navbar (sekitar 60-80px) // dan bagian bawah section belum melewati bagian atas viewport if (rect.top <= 80 && rect.bottom >= 20) { isOverDark = true; } }); if (pathname === '/') { // Di homepage, area Hero juga dianggap dark (sekitar 80vh tinggi) if (currentScroll < window.innerHeight * 0.8) { setIsDarkNav(true); } else { setIsDarkNav(isOverDark); } } else { setIsDarkNav(isOverDark); } }; window.addEventListener("scroll", handleScroll, { passive: true }); // Set awal handleScroll(); // Fetch acara aktif fetchAcaraAktif().then(data => setAcaraAktif((data as any[]) || [])).catch(() => {}); return () => window.removeEventListener("scroll", handleScroll); }, [pathname]); const handleMobileLinkClick = (e: React.MouseEvent) => { const target = e.target as HTMLElement; if (target.closest('a')) { setIsMobileMenuOpen(false); } }; return (
{/* Header / Navbar Interaktif */}
{/* eslint-disable-next-line @next/next/no-img-element */} Logo HMF Himpunan Mahasiswa Fisika {/* Desktop Navigation */}
{/* Mobile Bottom Navigation */}
setIsMobileMenuOpen(false)} className={`flex flex-col items-center justify-center w-full h-full space-y-1 transition-colors ${pathname === '/' ? 'text-blue-400' : 'text-gray-400 hover:text-white'}`}> Beranda setIsMobileMenuOpen(false)} className={`flex flex-col items-center justify-center w-full h-full space-y-1 transition-colors ${pathname.startsWith('/profil') ? 'text-blue-400' : 'text-gray-400 hover:text-white'}`}> Profil setIsMobileMenuOpen(false)} className={`flex flex-col items-center justify-center w-full h-full space-y-1 transition-colors ${pathname.startsWith('/kabinet') ? 'text-blue-400' : 'text-gray-400 hover:text-white'}`}> Kabinet setIsMobileMenuOpen(false)} className={`flex flex-col items-center justify-center w-full h-full space-y-1 transition-colors ${pathname.startsWith('/program-kerja') ? 'text-blue-400' : 'text-gray-400 hover:text-white'}`}> Proker
setIsMobileMenuOpen(false)}> {/* eslint-disable-next-line @next/next/no-img-element */} Logo HMF HMF FPMIPA UPI
{children}

© {new Date().getFullYear()} Himpunan Mahasiswa FPMIPA UPI. All rights reserved.

); } export default function PublicLayout({ children, }: { children: React.ReactNode; }) { return ( {children} ); }