add temp manifestocontext to avoid having to sign all the time

tablelandnetwork · Jul 21, 2023 · 21f8459 · 21f8459
1 parent d0e06f8
commit 21f8459
Show file tree

Hide file tree

Showing 3 changed files with 64 additions and 28 deletions.
diff --git a/garage/src/App.tsx b/garage/src/App.tsx
@@ -21,6 +21,7 @@ import { GlobalFlyParkModals } from "./components/GlobalFlyParkModals";
 import { RequiresWalletConnection } from "./components/RequiresWalletConnection";
 import { RigAttributeStatsContextProvider } from "./components/RigAttributeStatsContext";
 import { NFTsContextProvider } from "./components/NFTsContext";
+import { ManifestoContextProvider } from "./components/ManifestoContext";
 import { ActingAsAddressContextProvider } from "./components/ActingAsAddressContext";
 import { routes } from "./routes";
 import { mainChain, secondaryChain } from "./env";
@@ -258,33 +259,35 @@ function App() {
             <ActingAsAddressContextProvider>
               <RigAttributeStatsContextProvider>
                 <NFTsContextProvider>
-                  <BrowserRouter>
-                    <Topbar />
-                    <GlobalFlyParkModals>
-                      <Routes>
-                        {routes().map(
-                          (
-                            { requiresWalletConnection, element, ...props },
-                            index
-                          ) => (
-                            <Route
-                              {...props}
-                              key={`route-${index}`}
-                              element={
-                                requiresWalletConnection ? (
-                                  <RequiresWalletConnection>
-                                    {element}
-                                  </RequiresWalletConnection>
-                                ) : (
-                                  element
-                                )
-                              }
-                            />
-                          )
-                        )}
-                      </Routes>
-                    </GlobalFlyParkModals>
-                  </BrowserRouter>
+                  <ManifestoContextProvider>
+                    <BrowserRouter>
+                      <Topbar />
+                      <GlobalFlyParkModals>
+                        <Routes>
+                          {routes().map(
+                            (
+                              { requiresWalletConnection, element, ...props },
+                              index
+                            ) => (
+                              <Route
+                                {...props}
+                                key={`route-${index}`}
+                                element={
+                                  requiresWalletConnection ? (
+                                    <RequiresWalletConnection>
+                                      {element}
+                                    </RequiresWalletConnection>
+                                  ) : (
+                                    element
+                                  )
+                                }
+                              />
+                            )
+                          )}
+                        </Routes>
+                      </GlobalFlyParkModals>
+                    </BrowserRouter>
+                  </ManifestoContextProvider>
                 </NFTsContextProvider>
               </RigAttributeStatsContextProvider>
             </ActingAsAddressContextProvider>

diff --git a/garage/src/components/ManifestoContext.tsx b/garage/src/components/ManifestoContext.tsx
@@ -0,0 +1,32 @@
+import React, { useContext, useMemo, useState } from "react";
+
+interface ManifestoContextValue {
+  hasSignedManifesto: boolean;
+  setHasSignedManifesto: (hasSigned: boolean) => void;
+}
+
+const ManifestoContext = React.createContext<ManifestoContextValue>({
+  hasSignedManifesto: false,
+  setHasSignedManifesto: () => {},
+});
+
+export const ManifestoContextProvider = ({
+  children,
+}: React.PropsWithChildren) => {
+  const [hasSignedManifesto, setHasSignedManifesto] = useState(false);
+
+  const value = useMemo(() => {
+    return {
+      hasSignedManifesto,
+      setHasSignedManifesto: () => setHasSignedManifesto(true),
+    };
+  }, [hasSignedManifesto, setHasSignedManifesto]);
+
+  return (
+    <ManifestoContext.Provider value={value}>
+      {children}
+    </ManifestoContext.Provider>
+  );
+};
+
+export const useManifestoContext = () => useContext(ManifestoContext);
diff --git a/garage/src/pages/MissionBoard/index.tsx b/garage/src/pages/MissionBoard/index.tsx
@@ -17,6 +17,7 @@ import { Link } from "react-router-dom";
 import { TOPBAR_HEIGHT } from "../../Topbar";
 import { prettyNumber } from "../../utils/fmt";
 import { useOpenMissions } from "../../hooks/useMissions";
+import { useManifestoContext } from "../../components/ManifestoContext";
 import { Mission } from "../../types";
 
 const GRID_GAP = 4;
@@ -206,7 +207,7 @@ export const SignManifesto = ({ onAgree }: { onAgree: () => void }) => {
 };
 
 export const MissionBoard = () => {
-  const [hasSignedManifesto, setHasSignedManifesto] = useState(false);
+  const { hasSignedManifesto, setHasSignedManifesto } = useManifestoContext();
   const { missions } = useOpenMissions();
 
   return (