1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from "react";
import { listPendingQuestions, answerQuestion, type PendingQuestion } from "../lib/api";
import { useAuth } from "./AuthContext";
interface SupervisorQuestionsContextValue {
pendingQuestions: PendingQuestion[];
loading: boolean;
error: string | null;
refreshQuestions: () => Promise<void>;
submitAnswer: (questionId: string, response: string) => Promise<boolean>;
}
const SupervisorQuestionsContext = createContext<SupervisorQuestionsContextValue | null>(null);
export function SupervisorQuestionsProvider({ children }: { children: ReactNode }) {
const { isAuthenticated } = useAuth();
const [pendingQuestions, setPendingQuestions] = useState<PendingQuestion[]>([]);
const [loading, setLoading] = useState(false);
const [error, setError] = useState<string | null>(null);
const refreshQuestions = useCallback(async () => {
if (!isAuthenticated) return;
try {
setLoading(true);
const questions = await listPendingQuestions();
if (questions.length > 0) {
console.log("[SupervisorQuestions] Received questions:", questions);
}
setPendingQuestions(questions);
setError(null);
} catch (err) {
// Log but don't spam
console.warn("[SupervisorQuestions] Failed to fetch:", err);
setError(err instanceof Error ? err.message : "Failed to load questions");
} finally {
setLoading(false);
}
}, [isAuthenticated]);
const submitAnswer = useCallback(async (questionId: string, response: string): Promise<boolean> => {
try {
const result = await answerQuestion(questionId, response);
if (result.success) {
// Remove the question from local state
setPendingQuestions(prev => prev.filter(q => q.questionId !== questionId));
}
return result.success;
} catch (err) {
console.error("Failed to submit answer:", err);
return false;
}
}, []);
// Poll for questions every 5 seconds when authenticated
useEffect(() => {
if (!isAuthenticated) {
setPendingQuestions([]);
return;
}
// Initial fetch (delayed slightly to ensure auth is ready)
const initialTimeout = setTimeout(refreshQuestions, 500);
// Poll periodically (every 5 seconds for responsiveness)
const interval = setInterval(refreshQuestions, 5000);
return () => {
clearTimeout(initialTimeout);
clearInterval(interval);
};
}, [isAuthenticated, refreshQuestions]);
return (
<SupervisorQuestionsContext.Provider
value={{
pendingQuestions,
loading,
error,
refreshQuestions,
submitAnswer,
}}
>
{children}
</SupervisorQuestionsContext.Provider>
);
}
export function useSupervisorQuestions() {
const context = useContext(SupervisorQuestionsContext);
if (!context) {
throw new Error("useSupervisorQuestions must be used within SupervisorQuestionsProvider");
}
return context;
}
|
