From 3da43edd8194df4d763c0ee9a2db6b0780edc0d7 Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Sat, 20 Aug 2022 12:24:53 +0530
Subject: [PATCH] feat: wrapped app with super form provider

---
 services/frontend/src/App.tsx | 105 ++++++++++++++++++----------------
 1 file changed, 55 insertions(+), 50 deletions(-)

diff --git a/services/frontend/src/App.tsx b/services/frontend/src/App.tsx
index 4e6d65b..f1fcd77 100644
--- a/services/frontend/src/App.tsx
+++ b/services/frontend/src/App.tsx
@@ -25,6 +25,7 @@ import ProtectedRoute from "./partials/ProtectedRoute";
 
 import "./index.css";
 import { lightTheme } from "./utils/theme";
+import { SuperFormProvider } from "./components/SuperFormProvider";
 
 const queryClient = new QueryClient();
 
@@ -86,56 +87,60 @@ export default function App() {
   return (
     <CssVarsProvider theme={lightTheme}>
       <QueryClientProvider client={queryClient}>
-        <div>
-          <Toaster />
-          <SideBar isAuthenticated={isAuthenticated} state={state} />
-          <Routes>
-            <Route
-              path="/projects/:uuid"
-              element={<Project isAuthenticated={isAuthenticated} />}
-            />
-
-            <Route
-              path="/projects/new"
-              element={<Project isAuthenticated={isAuthenticated} />}
-            />
-
-            <Route
-              path="/"
-              element={
-                <ProtectedRoute
-                  {...defaultProtectedRouteProps}
-                  outlet={<Projects />}
-                />
-              }
-            />
-
-            <Route
-              path="/projects/"
-              element={
-                <ProtectedRoute
-                  {...defaultProtectedRouteProps}
-                  outlet={<Projects />}
-                />
-              }
-            />
-
-            <Route
-              path="/profile"
-              element={
-                <ProtectedRoute
-                  {...defaultProtectedRouteProps}
-                  outlet={<Profile dispatch={dispatch} state={state} />}
-                />
-              }
-            />
-
-            <Route path="/signup" element={<Signup dispatch={dispatch} />} />
-            <Route path="/login" element={<Login dispatch={dispatch} />} />
-            <Route path="/github/cb" element={<GitHub dispatch={dispatch} />} />
-          </Routes>
-        </div>
-
+        <SuperFormProvider>
+          <div>
+            <Toaster />
+            <SideBar isAuthenticated={isAuthenticated} state={state} />
+            <Routes>
+              <Route
+                path="/projects/:uuid"
+                element={<Project isAuthenticated={isAuthenticated} />}
+              />
+
+              <Route
+                path="/projects/new"
+                element={<Project isAuthenticated={isAuthenticated} />}
+              />
+
+              <Route
+                path="/"
+                element={
+                  <ProtectedRoute
+                    {...defaultProtectedRouteProps}
+                    outlet={<Projects />}
+                  />
+                }
+              />
+
+              <Route
+                path="/projects/"
+                element={
+                  <ProtectedRoute
+                    {...defaultProtectedRouteProps}
+                    outlet={<Projects />}
+                  />
+                }
+              />
+
+              <Route
+                path="/profile"
+                element={
+                  <ProtectedRoute
+                    {...defaultProtectedRouteProps}
+                    outlet={<Profile dispatch={dispatch} state={state} />}
+                  />
+                }
+              />
+
+              <Route path="/signup" element={<Signup dispatch={dispatch} />} />
+              <Route path="/login" element={<Login dispatch={dispatch} />} />
+              <Route
+                path="/github/cb"
+                element={<GitHub dispatch={dispatch} />}
+              />
+            </Routes>
+          </div>
+        </SuperFormProvider>
         <ReactQueryDevtools initialIsOpen={true} />
       </QueryClientProvider>
     </CssVarsProvider>