Fix logout, fake badges, logo, analytics

Author: simpaticohr

dashboard/hr.html

@@ -19,7 +19,7 @@
     <!-- Sidebar -->
     <aside class="sidebar" id="sidebar">
       <div class="sidebar-header">
-        <div class="sidebar-logo"><i class="fas fa-infinity"></i></div>
+        <div class="sidebar-logo">S</div>
         <div class="sidebar-brand">Simpatico<span style="color: var(--primary-light)">HR</span></div>
       </div>
 
@@ -33,12 +33,12 @@
           <div class="menu-item" data-page="jobs" onclick="showPage('jobs')">
             <span class="icon"><i class="fas fa-briefcase"></i></span>
             <span class="label">Jobs</span>
-            <span class="badge">12</span>
+            <span class="badge" id="badgeJobs">0</span>
           </div>
           <div class="menu-item" data-page="applications" onclick="showPage('applications')">
             <span class="icon"><i class="fas fa-file-alt"></i></span>
             <span class="label">Applications</span>
-            <span class="badge">48</span>
+            <span class="badge" id="badgeApplications">0</span>
           </div>
           <div class="menu-item" data-page="pipeline" onclick="showPage('pipeline')">
             <span class="icon"><i class="fas fa-columns"></i></span>
@@ -55,7 +55,7 @@
           <div class="menu-item" data-page="interviews" onclick="showPage('interviews')">
             <span class="icon"><i class="fas fa-video"></i></span>
             <span class="label">Interviews</span>
-            <span class="badge" style="background:var(--warning)">3</span>
+            <span class="badge" id="badgeInterviews" style="background:var(--warning)">0</span>
           </div>
           <div class="menu-item" data-page="proctoring" onclick="showPage('proctoring')">
             <span class="icon"><i class="fas fa-eye"></i></span>
@@ -101,7 +101,7 @@
       </nav>
 
       <div class="sidebar-footer">
-        <div class="sidebar-user" onclick="authManager.logout()">
+        <div class="sidebar-user" onclick="localStorage.clear(); authManager.logout()">
           <div class="avatar" id="userAvatar">HR</div>
           <div class="info">
             <div class="name" id="userName">HR Manager</div>
@@ -553,9 +553,9 @@ <h1><i class="fas fa-clipboard-check" style="color: var(--success);"></i> Onboar
 
       <div class="page-content hidden" id="page-analytics"><div class="page-header"><div><h1>Analytics & Reports</h1></div></div>
         <div class="stats-grid" style="grid-template-columns: repeat(3, 1fr);">
-          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Time to Hire</h4><div style="font-size:2.5rem;font-weight:800;color:var(--primary);">18 <span style="font-size:1rem;color:var(--gray-500);">days avg</span></div></div></div>
-          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Source Effectiveness</h4><div style="font-size:2.5rem;font-weight:800;color:var(--success);">72% <span style="font-size:1rem;color:var(--gray-500);">conversion</span></div></div></div>
-          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Interview Pass Rate</h4><div style="font-size:2.5rem;font-weight:800;color:var(--warning);">45% <span style="font-size:1rem;color:var(--gray-500);">of interviewed</span></div></div></div>
+          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Time to Hire</h4><div style="font-size:2.5rem;font-weight:800;color:var(--primary);"><span id="statTimeToHire">--</span> <span style="font-size:1rem;color:var(--gray-500);">days avg</span></div></div></div>
+          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Source Effectiveness</h4><div style="font-size:2.5rem;font-weight:800;color:var(--success);"><span id="statConversion">--</span> <span style="font-size:1rem;color:var(--gray-500);">conversion</span></div></div></div>
+          <div class="card"><div class="card-body"><h4 style="margin-bottom:1rem;">Interview Pass Rate</h4><div style="font-size:2.5rem;font-weight:800;color:var(--warning);"><span id="statPassRate">--</span> <span style="font-size:1rem;color:var(--gray-500);">of interviewed</span></div></div></div>
         </div>
       </div>
 
@@ -661,7 +661,7 @@ <h3>Notifications</h3>
   <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
   <script src="../js/supabase-client.js"></script>
   <script src="../js/auth.js"></script>
-  <script src="../js/app.js?v=2"></script>
+  <script src="../js/app.js?v=3"></script>
   <script>
     // Initialize Dashboard
     document.addEventListener('DOMContentLoaded', async () => {

js/app.js

@@ -51,12 +51,14 @@ async function loadDashboardData(companyId) {
       .eq('company_id', companyId)
       .eq('status', 'active');
     document.getElementById('statActiveJobs').textContent = jobsCount || 0;
+    if(document.getElementById('badgeJobs')) document.getElementById('badgeJobs').textContent = jobsCount || 0;
 
     // Applications Count
     const { count: appsCount } = await SimpaticoDB.from('applications')
       .select('*', { count: 'exact', head: true })
       .eq('company_id', companyId);
     document.getElementById('statApplications').textContent = appsCount || 0;
+    if(document.getElementById('badgeApplications')) document.getElementById('badgeApplications').textContent = appsCount || 0;
 
     // Today's Interviews
     const today = new Date().toISOString().split('T')[0];