ThaMunsta/whats-the-point
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
Mike Johnston
2026-01-29 02:29:37 -05:00
parent f262abff16
commit 1ee9b686a2
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
frontend/src/pages/ChallengeDetail.jsx
View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef, useCallback } from 'react';
import { useParams, Link } from 'react-router-dom'; import { useParams, Link } from 'react-router-dom';
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
import { useAuth } from '../AuthContext'; import { useAuth } from '../AuthContext';
@@ -25,11 +25,40 @@ export default function ChallengeDetail() {
useClickOutside(searchRef, () => setSearchResults([])); useClickOutside(searchRef, () => setSearchResults([]));
const loadChallenge = useCallback(async () => {
try {
const data = await api.getChallenge(id);
setChallenge(data);
} catch (err) {
console.error('Failed to load challenge:', err);
} finally {
setLoading(false);
}
}, [id]);
const loadPredictions = useCallback(async () => {
try {
const data = await api.getPredictions(id);
setPredictions(data.predictions);
} catch (err) {
console.error('Failed to load predictions:', err);
}
}, [id]);
const loadLeaderboard = useCallback(async () => {
try {
const data = await api.getChallengeLeaderboard(id);
setLeaderboard(data.leaderboard);
} catch (err) {
console.error('Failed to load leaderboard:', err);
}
}, [id]);
useEffect(() => { useEffect(() => {
loadChallenge(); loadChallenge();
loadPredictions(); loadPredictions();
loadLeaderboard(); loadLeaderboard();
}, [id]); }, [loadChallenge, loadPredictions, loadLeaderboard]);
// Join challenge room for real-time updates // Join challenge room for real-time updates
useEffect(() => { useEffect(() => {
@@ -99,35 +128,6 @@ export default function ChallengeDetail() {
}; };
}, [socket, user.id, loadLeaderboard, loadChallenge]); }, [socket, user.id, loadLeaderboard, loadChallenge]);
const loadChallenge = async () => {
try {
const data = await api.getChallenge(id);
setChallenge(data);
} catch (err) {
console.error('Failed to load challenge:', err);
} finally {
setLoading(false);
}
};
const loadPredictions = async () => {
try {
const data = await api.getPredictions(id);
setPredictions(data.predictions);
} catch (err) {
console.error('Failed to load predictions:', err);
}
};
const loadLeaderboard = async () => {
try {
const data = await api.getChallengeLeaderboard(id);
setLeaderboard(data.leaderboard);
} catch (err) {
console.error('Failed to load leaderboard:', err);
}
};
const handleCreatePrediction = async (e) => { const handleCreatePrediction = async (e) => {
e.preventDefault(); e.preventDefault();
if (!newPrediction.trim()) return; if (!newPrediction.trim()) return;