fix: useState before conditional return — React hooks order
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 35s
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 35s
This commit is contained in:
@@ -211,6 +211,7 @@ export function QuestPage() {
|
|||||||
const { data: active, isLoading: loadActive } = useQuery({ queryKey: ['questsActive'], queryFn: questApi.active });
|
const { data: active, isLoading: loadActive } = useQuery({ queryKey: ['questsActive'], queryFn: questApi.active });
|
||||||
const { data: available, isLoading: loadAvail } = useQuery({ queryKey: ['questsAvailable'], queryFn: questApi.available });
|
const { data: available, isLoading: loadAvail } = useQuery({ queryKey: ['questsAvailable'], queryFn: questApi.available });
|
||||||
const { data: arcs } = useQuery({ queryKey: ['questArcs'], queryFn: questApi.arcs });
|
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>;
|
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 availableCombat = availableAll.filter((q: any) => !q.repeatable && isCombatQuest(q));
|
||||||
const availableCraft = availableAll.filter((q: any) => !q.repeatable && isCraftQuest(q));
|
const availableCraft = availableAll.filter((q: any) => !q.repeatable && isCraftQuest(q));
|
||||||
const availableDaily = availableAll.filter((q: any) => q.repeatable);
|
const availableDaily = availableAll.filter((q: any) => q.repeatable);
|
||||||
|
|
||||||
const [showAllCombat, setShowAllCombat] = useState(false);
|
|
||||||
const shownCombat = showAllCombat ? availableCombat : availableCombat.slice(0, 3);
|
const shownCombat = showAllCombat ? availableCombat : availableCombat.slice(0, 3);
|
||||||
const hiddenCount = availableCombat.length - 3;
|
const hiddenCount = availableCombat.length - 3;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user