brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

redirecting to auth0 works with a button

Browse source
This commit is contained in:
Carter 2024-10-22 14:49:20 -06:00
parent 0b29c7056a
commit 99ea402bad
2 changed files with 33 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.env
View file

@ -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

55
src/app/App.tsx
View file

@ -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>
)
}