From 99ea402badf55787b005aa3e1ee38d95266b436c Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Tue, 22 Oct 2024 14:49:20 -0600
Subject: [PATCH] redirecting to auth0 works with a button

---
 .env            |  2 +-
 src/app/App.tsx | 55 ++++++++++++++++++++++++++++---------------------
 2 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/.env b/.env
index 252ea7b..1e19338 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,4 @@
 #Auth0
 VITE_AUTH0_CLIENT_DOMAIN=brandxtech.auth0.com
 VITE_AUTH0_AUDIENCE=pond.brandxtech.ca
-VITE_AUTH0_BXT_CLIENT_ID=sLnqOu40uWfQT1lYSDYj2wYmlLEHRB74
+VITE_AUTH0_BXT_CLIENT_ID=dzJTpqIeMA4Rwk4xujtwPbAO3TY32bM1
\ No newline at end of file
diff --git a/src/app/App.tsx b/src/app/App.tsx
index 5f54b7b..ac7cc17 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -4,6 +4,8 @@ import viteLogo from '/vite.svg'
 import './App.css'
 import { Auth0Provider } from '@auth0/auth0-react'
 import { or } from '../utils/types'
+import AuthWrapper from '../providers/auth'
+import LoginButton from '../providers/LoginButton'
 
 function App() {
   const [count, setCount] = useState(0)
@@ -12,13 +14,16 @@ function App() {
   let audience: string | undefined;
   if (window.location.origin === "https://staging.brandxtech.ca") {
     url = import.meta.env.VITE_AUTH0_CLIENT_STAGING_DOMAIN;
-    audience = import.meta.env.REACT_APP_AUTH0_STAGING_AUDIENCE;
+    audience = import.meta.env.VITE_AUTH0_STAGING_AUDIENCE;
   } else {
-    url = import.meta.env.REACT_APP_AUTH0_CLIENT_DOMAIN;
-    audience = import.meta.env.REACT_APP_AUTH0_AUDIENCE;
+    url = import.meta.env.VITE_AUTH0_CLIENT_DOMAIN;
+    audience = import.meta.env.VITE_AUTH0_AUDIENCE;
   }
 
-  let client_id = import.meta.env.REACT_APP_AUTH0_BXT_CLIENT_ID;
+  let client_id = import.meta.env.VITE_AUTH0_BXT_CLIENT_ID;
+
+  console.log(url) 
+  console.log(audience) 
 
   return (
     <Auth0Provider
@@ -29,26 +34,30 @@ function App() {
         redirect_uri: window.location.origin + "/callback"
       }}
     >
-      <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> */}
+      <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> */}
+      
     </Auth0Provider>
   )
 }