fix: try to make sure order when mixed changes

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<HTMLDialogElement>(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) {
             )}
             <PlayerList
               list={rankedPlayers}
-              setList={(newList) =>
+              setList={setMixedList}
-                mixed
-                  ? setRankedPlayers(
-                      newList.sort((a, b) =>
-                        a.gender && b.gender
-                          ? a.gender.localeCompare(b.gender)
-                          : -1
-                      )
-                    )
-                  : setRankedPlayers(newList)
-              }
               group={{
                 name: "mvp-shared",
               }}