diff --git a/src/app/(agent)/agent/dashboard/page.tsx b/src/app/(agent)/agent/dashboard/page.tsx index 462c59e..fd623b6 100644 --- a/src/app/(agent)/agent/dashboard/page.tsx +++ b/src/app/(agent)/agent/dashboard/page.tsx @@ -62,7 +62,7 @@ const defaultContactInfoData: ContactInfoData = { }; export default function AgentDashboard() { - const { data: session } = useSession(); + const { data: session, status: sessionStatus } = useSession(); const [agentProfile, setAgentProfile] = useState(null); const [fieldValues, setFieldValues] = useState([]); const [experienceData, setExperienceData] = useState(defaultExperience); @@ -89,8 +89,13 @@ export default function AgentDashboard() { return !avatar.startsWith('http') && !avatar.startsWith('/'); }; - // Fetch agent profile and field values on mount + // Fetch agent profile and field values when session is ready useEffect(() => { + // Wait until session is authenticated and tokens are available + if (sessionStatus !== 'authenticated') return; + const token = typeof window !== 'undefined' ? localStorage.getItem('accessToken') : null; + if (!token) return; + const fetchData = async () => { try { setLoading(true); @@ -164,7 +169,7 @@ export default function AgentDashboard() { }; fetchData(); - }, []); + }, [sessionStatus]); // Handle availability toggle const handleToggleAvailability = async () => { diff --git a/src/components/settings/PaymentSuccessForm.tsx b/src/components/settings/PaymentSuccessForm.tsx index 466bcdb..7379f37 100644 --- a/src/components/settings/PaymentSuccessForm.tsx +++ b/src/components/settings/PaymentSuccessForm.tsx @@ -139,7 +139,7 @@ export function PaymentSuccessForm() { {/* Action Buttons */}