Backup: 2025-06-08 00:29 - User and admin online ready for dockerhub

[Restore from backup: vip-coordinator-backup-2025-06-08-00-29-user and admin online ready for dockerhub]

frontend/src/pages/Dashboard.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
-import { apiCall } from '../config/api';
+import { apiCall } from '../utils/api';
 
 interface ScheduleEvent {
   id: string;
@@ -83,28 +83,27 @@ const Dashboard: React.FC = () => {
           'Content-Type': 'application/json'
         };
         
-        const [vipsResponse, driversResponse] = await Promise.all([
+        const [vipsResult, driversResult] = await Promise.all([
           apiCall('/api/vips', { headers: authHeaders }),
           apiCall('/api/drivers', { headers: authHeaders })
         ]);
         
-        if (!vipsResponse.ok || !driversResponse.ok) {
+        const vipsData = vipsResult.data;
+        const driversData = driversResult.data;
+        
+        if (!vipsData || !driversData) {
           throw new Error('Failed to fetch data');
         }
         
-        const vipsData = await vipsResponse.json();
-        const driversData = await driversResponse.json();
-        
         // Fetch schedule for each VIP and determine current/next events
         const vipsWithSchedules = await Promise.all(
           vipsData.map(async (vip: Vip) => {
             try {
-              const scheduleResponse = await apiCall(`/api/vips/${vip.id}/schedule`, {
+              const { data: scheduleData } = await apiCall(`/api/vips/${vip.id}/schedule`, {
                 headers: authHeaders
               });
               
-              if (scheduleResponse.ok) {
-                const scheduleData = await scheduleResponse.json();
+              if (scheduleData) {
                 
                 const currentEvent = getCurrentEvent(scheduleData);
                 const nextEvent = getNextEvent(scheduleData);