fix: Defer agent dashboard data fetching until session is authenticated and update payment success redirect to full page reload.
This commit is contained in:
@@ -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<AgentProfile | null>(null);
|
||||
const [fieldValues, setFieldValues] = useState<FieldValueResponse[]>([]);
|
||||
const [experienceData, setExperienceData] = useState<ExperienceData>(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 () => {
|
||||
|
||||
Reference in New Issue
Block a user