/** * Dashboard Sidebar - Client Component */ 'use client'; import { useState, useEffect } from 'react'; import { useRouter, usePathname } from 'next/navigation'; import Link from 'next/link'; import { createClient } from '@/lib/supabase/client'; interface NavItem { name: string; href: string; icon: React.ReactNode; badge?: number; } interface DashboardSidebarProps { user?: any; // Optional - not used, email fetched from Supabase directly } export default function DashboardSidebar({ user: _user }: DashboardSidebarProps) { const router = useRouter(); const pathname = usePathname(); const [sidebarOpen, setSidebarOpen] = useState(true); const [siteId, setSiteId] = useState(null); const [userEmail, setUserEmail] = useState(''); const [isSuperAdmin, setIsSuperAdmin] = useState(false); // Load user email and site ID (don't use user prop to avoid metadata in cookies) useEffect(() => { const loadUserData = async () => { try { let supabase; try { supabase = createClient(); } catch (clientError) { console.error('Failed to create Supabase client:', clientError); return; } if (!supabase || !supabase.auth) { console.error('Supabase client or auth is not available'); return; } // Get user email only - don't use full user object to avoid user_metadata in cookies const { data: { user: currentUser }, error: userError } = await supabase.auth.getUser(); if (userError) { console.error('Error getting user:', userError); return; } if (!currentUser) return; // Only store email - don't store full user object to avoid metadata setUserEmail(currentUser.email || ''); // Check if user is super admin (via API endpoint to bypass RLS) try { const response = await fetch('/api/admin/license-check'); if (!response.ok) { console.error('Failed to check super admin status:', response.status); setIsSuperAdmin(false); } else { const data = await response.json(); const isAdmin = data.isSuperAdmin === true; console.log('Super admin check result:', { isAdmin, data, userId: currentUser.id }); setIsSuperAdmin(isAdmin); // Get user's tenant (skip for super admin) if (isAdmin) { return; // Super admin doesn't need tenant/site data } } } catch (error) { console.error('Error checking super admin status:', error); setIsSuperAdmin(false); } const { data: userTenants, error: tenantError } = await supabase .from('user_tenants') .select('tenant_id') .eq('user_id', currentUser.id) .limit(1) .single(); if (tenantError || !userTenants) { console.error('Error loading tenant:', tenantError); return; } // Get first site for this tenant const { data: sites, error: sitesError } = await supabase .from('sites') .select('id') .eq('tenant_id', userTenants.tenant_id) .eq('status', 'active') .limit(1) .single(); if (sitesError || !sites) { console.error('Error loading sites:', sitesError); return; } setSiteId(sites.id); } catch (error) { console.error('Error loading user data:', error); } }; loadUserData(); }, []); // Empty deps - only load once on mount const handleLogout = async () => { try { const supabase = createClient(); if (supabase && supabase.auth) { await supabase.auth.signOut(); } router.push('/login'); router.refresh(); } catch (error) { console.error('Error during logout:', error); router.push('/login'); } }; // Helper function to add site_id to settings URLs const getSettingsUrl = (basePath: string) => { if (siteId) { return `${basePath}?site_id=${siteId}`; } return basePath; }; // Helper function to add site_id to navigation URLs const getNavUrl = (basePath: string) => { if (basePath === '/dashboard' || basePath === '/dashboard/sites') { return basePath; // Dashboard and Sites don't need site_id } if (basePath === '/dashboard/analytics' && siteId) { return `${basePath}?site_id=${siteId}`; // Analytics needs site_id } if (siteId) { return `${basePath}?site_id=${siteId}`; } return basePath; }; const navItems: NavItem[] = [ { name: 'Dashboard', href: '/dashboard', icon: ( ), }, { name: 'Conversations', href: '/dashboard/conversations', icon: ( ), }, { name: 'Sites', href: '/dashboard/sites', icon: ( ), }, { name: 'Analytics', href: '/dashboard/analytics', icon: ( ), }, ]; // Super admin only navigation items const adminNavItems: NavItem[] = [ { name: 'All Licenses', href: '/admin/licenses', icon: ( ), }, { name: 'All Tenants', href: '/admin/tenants', icon: ( ), }, { name: 'Usage Analytics', href: '/admin/usage', icon: ( ), }, { name: 'All Conversations', href: '/admin/conversations', icon: ( ), }, { name: 'System Logs', href: '/admin/logs', icon: ( ), }, ]; const settingsItems: NavItem[] = [ { name: 'General', href: '/dashboard/settings/general', icon: ( ), }, { name: 'Voice', href: '/dashboard/settings/voice', icon: ( ), }, { name: 'Sales', href: '/dashboard/settings/sales', icon: ( ), }, { name: 'Knowledge', href: '/dashboard/settings/knowledge', icon: ( ), }, { name: 'Email', href: '/dashboard/settings/email', icon: ( ), }, ]; return ( ); }