diff --git a/src/Rankings.tsx b/src/Rankings.tsx index 3511e0e..d09fe94 100644 --- a/src/Rankings.tsx +++ b/src/Rankings.tsx @@ -345,6 +345,11 @@ function MVPDnD({ user, teams, players }: PlayerInfoProps) { handleGet(); }, [players]); + useEffect(() => { + handleGet(); + // setMixedList(rankedPlayers); + }, [mixed]); + const [dialog, setDialog] = useState("dialog"); const dialogRef = useRef(null); @@ -357,6 +362,15 @@ function MVPDnD({ user, teams, players }: PlayerInfoProps) { response ? setDialog(response) : setDialog("try sending again"); } + const setMixedList = (newList: User[]) => + mixed + ? setRankedPlayers( + newList.sort((a, b) => + a.gender && b.gender ? a.gender.localeCompare(b.gender) : -1 + ) + ) + : setRankedPlayers(newList); + async function handleGet() { setLoading(true); const data = await apiAuth(`mvps/${teams.activeTeam}`, null, "GET"); @@ -366,7 +380,7 @@ function MVPDnD({ user, teams, players }: PlayerInfoProps) { setRankedPlayers([]); } else { const mvps = data as MVPRanking; - setRankedPlayers(filterSort(players, mvps.mvps)); + setMixedList(filterSort(players, mvps.mvps)); setAvailablePlayers( players.filter((user) => !mvps.mvps.includes(user.id)) ); @@ -412,17 +426,7 @@ function MVPDnD({ user, teams, players }: PlayerInfoProps) { )} - mixed - ? setRankedPlayers( - newList.sort((a, b) => - a.gender && b.gender - ? a.gender.localeCompare(b.gender) - : -1 - ) - ) - : setRankedPlayers(newList) - } + setList={setMixedList} group={{ name: "mvp-shared", }}