feat: begin to add support for multiple teams

src/Rankings.tsx

@@ -277,21 +277,27 @@ function HeaderControl({ onLoad, onClear }: HeaderControlProps) {
 }
 
 export default function Rankings() {
-  const { user } = useSession();
+  const { user, teams } = useSession();
   const [players, setPlayers] = useState<User[] | null>(null);
 
   async function loadPlayers() {
-    try {
-      const data = await apiAuth("player/list", null, "GET");
-      setPlayers(data as User[]);
-    } catch (error) {
-      console.error(error);
+    if (teams) {
+      try {
+        const data = await apiAuth(
+          `player/list?team_id=${teams?.activeTeam}`,
+          null,
+          "GET"
+        );
+        setPlayers(data as User[]);
+      } catch (error) {
+        console.error(error);
+      }
     }
   }
 
   useEffect(() => {
     loadPlayers();
-  }, [user]);
+  }, [user, teams]);
 
   const tabs = [
     { id: "Chemistry", label: "🧪 Chemistry" },
@@ -300,7 +306,7 @@ export default function Rankings() {
 
   return (
     <>
-      {user && players ? (
+      {user && teams && players ? (
         <TabController tabs={tabs}>
           <ChemistryDnD {...{ user, players }} />
           <MVPDnD {...{ user, players }} />