added http provider

src/app/App.tsx

@@ -5,10 +5,13 @@ import './App.css'
 import { Auth0Provider } from '@auth0/auth0-react'
 import { or } from '../utils/types'
 import AuthWrapper from '../providers/auth'
-import LoginButton from '../providers/LoginButton'
+import HTTPProvider from '../providers/http'
+import { useUserAPI } from '../providers/pond/userAPI'
+// import LoginButton from '../providers/LoginButton'
 
 function App() {
   const [count, setCount] = useState(0)
+  // const userAPI = useUserAPI();
 
   let url: string | undefined = window.location.origin;
   let audience: string | undefined;
@@ -34,29 +37,32 @@ function App() {
         redirect_uri: window.location.origin + "/callback"
       }}
     >
-      {/* <AuthWrapper> */}
-      <LoginButton/>
-        <div>
-          <a href="https://vitejs.dev" target="_blank">
-            <img src={viteLogo} className="logo" alt="Vite logo" />
-          </a>
-          <a href="https://react.dev" target="_blank">
-            <img src={reactLogo} className="logo react" alt="React logo" />
-          </a>
-        </div>
-        <h1>Vite + React</h1>
-        <div className="card">
-          <button onClick={() => setCount((count) => count + 1)}>
-            count is {count}
-          </button>
-          <p>
-            The new Adaptive App
+      <AuthWrapper>
+        <HTTPProvider>
+
+          {/* <LoginButton/> */}
+          <div>
+            <a href="https://vitejs.dev" target="_blank">
+              <img src={viteLogo} className="logo" alt="Vite logo" />
+            </a>
+            <a href="https://react.dev" target="_blank">
+              <img src={reactLogo} className="logo react" alt="React logo" />
+            </a>
+          </div>
+          <h1>Vite + React</h1>
+          <div className="card">
+            <button onClick={() => setCount((count) => count + 1)}>
+              count is {count}
+            </button>
+            <p>
+              The new Adaptive App
+            </p>
+          </div>
+          <p className="read-the-docs">
+            Coming soon
           </p>
-        </div>
-        <p className="read-the-docs">
-          Coming soon
-        </p>
-      {/* </AuthWrapper> */}
+        </HTTPProvider>
+      </AuthWrapper>
       
     </Auth0Provider>
   )