fix: context #190

chainhackers · Aug 18, 2023 · a8d40af · a8d40af
1 parent f8beb05
commit a8d40af
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -5,18 +5,16 @@ import { configureChains, createClient, WagmiConfig } from 'wagmi';
 import { polygon } from 'wagmi/chains';
 import { ApolloProvider, ApolloClient, InMemoryCache } from '@apollo/client';
 // import { publicProvider } from 'wagmi/providers/public';
-
 import { Layout } from 'components';
 import { WalletContextProvider } from 'contexts/WalltetContext';
 import { XmtpContextProvider } from 'contexts/XmtpContext';
 import 'i18n/index';
-
 import '@rainbow-me/rainbowkit/styles.css';
 import 'styles/globals.css';
 import XmtpProvider from '../contexts/XmtpProvider';
-
 import { alchemyProvider } from 'wagmi/providers/alchemy';
-import {ReactNode} from "react";
+import {ReactNode, useContext} from "react";
+import  {ReferenceDataContextProvider}  from "./games/[gameType]"
 
 const { chains, provider, webSocketProvider } = configureChains(
   [polygon],
@@ -43,15 +41,11 @@ const client = new ApolloClient({
 
 const version = 'v1.2.38';
 
-
-function ReferenceDataContextProvider(props: { children: React.ReactNode }) {
-  return null;
-}
-
 function MyApp({ Component, pageProps }: AppProps) {
+  const { finishGameCheckResult, finishedGameState } = useContext(ReferenceDataContext)
   const props = { ...pageProps, version };
   return (
-    <ReferenceDataContextProvider>
+
     <WagmiConfig client={wagmiClient}>
       <ApolloProvider client={client}>
         <WalletContextProvider>
@@ -65,15 +59,17 @@ function MyApp({ Component, pageProps }: AppProps) {
                       content="width=device-width, initial-scale=1"
                     />
                   </Head>
+                  <ReferenceDataContextProvider>
                   <Component {...props} />
+                  </ReferenceDataContextProvider>
                 </Layout>
               </XmtpProvider>
             </RainbowKitProvider>
           </XmtpContextProvider>
         </WalletContextProvider>
       </ApolloProvider>
     </WagmiConfig>
-    </ReferenceDataContextProvider>
+
   );
 }
 

diff --git a/pages/games/[gameType].tsx b/pages/games/[gameType].tsx
@@ -641,19 +641,21 @@ const Game: NextPage<IGamePageProps> = ({gameType, version}) => {
       );
     }
   }
-  
+
   interface IReferenceDataContextProvider {
     children: ReactNode
   }
- const  ReferenceDataContext = createContext({ finishGameCheckResult, finishedGameState });
-
+
+  const ReferenceDataContext = createContext({finishGameCheckResult, finishedGameState});
+
   const ReferenceDataContextProvider: React.FC<IReferenceDataContextProvider> = ({children}) => {
     return (
-      <ReferenceDataContext.Provider value={{ finishGameCheckResult, finishedGameState}}>
+      <ReferenceDataContext.Provider value={{finishGameCheckResult, finishedGameState}}>
         {children}
       </ReferenceDataContext.Provider>
     )
   }
+
   console.log('REFERENCE CONTEXT', finishedGameState, finishGameCheckResult)
 
   return <div>Loading...</div>;
@@ -678,3 +680,4 @@ export const getStaticPaths: GetStaticPaths<IParams> = () => {
 };
 
 export default Game;
+