fix: useState before conditional return — React hooks order
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 35s

This commit is contained in:
2026-03-24 19:23:46 +01:00
parent 0c9839e1d8
commit da8401dec2

View File

@@ -211,6 +211,7 @@ export function QuestPage() {
const { data: active, isLoading: loadActive } = useQuery({ queryKey: ['questsActive'], queryFn: questApi.active });
const { data: available, isLoading: loadAvail } = useQuery({ queryKey: ['questsAvailable'], queryFn: questApi.available });
const { data: arcs } = useQuery({ queryKey: ['questArcs'], queryFn: questApi.arcs });
const [showAllCombat, setShowAllCombat] = useState(false);
if (loadActive || loadAvail) return <div style={{ padding: '2rem', color: '#6b7a99' }}>Chargement…</div>;
@@ -227,8 +228,6 @@ export function QuestPage() {
const availableCombat = availableAll.filter((q: any) => !q.repeatable && isCombatQuest(q));
const availableCraft = availableAll.filter((q: any) => !q.repeatable && isCraftQuest(q));
const availableDaily = availableAll.filter((q: any) => q.repeatable);
const [showAllCombat, setShowAllCombat] = useState(false);
const shownCombat = showAllCombat ? availableCombat : availableCombat.slice(0, 3);
const hiddenCount = availableCombat.length - 3;