Untitled
unknown
javascript
2 years ago
934 B
8
Indexable
import { createContext, useContext, useEffect, useState } from "react"; import { queryAllImportedPlayersAndVariables } from "lib/wordpress/posts/getImportedData"; import { useQuery } from "react-query"; import { TournamentContext } from "./TournamentProvider"; export const PlayerContext = createContext({ players: undefined, }); export const PlayerProvider = ({ children }) => { const [players, setPlayers] = useState([]); const { activeTournament } = useContext(TournamentContext); const { data } = useQuery(["players", activeTournament], () => queryAllImportedPlayersAndVariables(activeTournament) ); const { playerList } = data ? data : {}; useEffect(() => playerList && setPlayers(playerList.data), [data]); const state = { players, }; return ( <PlayerContext.Provider value={state}> {typeof children === "function" ? children(state) : children} </PlayerContext.Provider> ); };
Editor is loading...