redirecting to auth0 works with a button

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

2
.env
View file

@ -1,4 +1,4 @@
#Auth0 #Auth0
VITE_AUTH0_CLIENT_DOMAIN=brandxtech.auth0.com VITE_AUTH0_CLIENT_DOMAIN=brandxtech.auth0.com
VITE_AUTH0_AUDIENCE=pond.brandxtech.ca VITE_AUTH0_AUDIENCE=pond.brandxtech.ca
VITE_AUTH0_BXT_CLIENT_ID=sLnqOu40uWfQT1lYSDYj2wYmlLEHRB74 VITE_AUTH0_BXT_CLIENT_ID=dzJTpqIeMA4Rwk4xujtwPbAO3TY32bM1

View file

@ -4,6 +4,8 @@ import viteLogo from '/vite.svg'
import './App.css' import './App.css'
import { Auth0Provider } from '@auth0/auth0-react' import { Auth0Provider } from '@auth0/auth0-react'
import { or } from '../utils/types' import { or } from '../utils/types'
import AuthWrapper from '../providers/auth'
import LoginButton from '../providers/LoginButton'
function App() { function App() {
const [count, setCount] = useState(0) const [count, setCount] = useState(0)
@ -12,13 +14,16 @@ function App() {
let audience: string | undefined; let audience: string | undefined;
if (window.location.origin === "https://staging.brandxtech.ca") { if (window.location.origin === "https://staging.brandxtech.ca") {
url = import.meta.env.VITE_AUTH0_CLIENT_STAGING_DOMAIN; 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 { } else {
url = import.meta.env.REACT_APP_AUTH0_CLIENT_DOMAIN; url = import.meta.env.VITE_AUTH0_CLIENT_DOMAIN;
audience = import.meta.env.REACT_APP_AUTH0_AUDIENCE; 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 ( return (
<Auth0Provider <Auth0Provider
@ -29,6 +34,8 @@ function App() {
redirect_uri: window.location.origin + "/callback" redirect_uri: window.location.origin + "/callback"
}} }}
> >
{/* <AuthWrapper> */}
<LoginButton/>
<div> <div>
<a href="https://vitejs.dev" target="_blank"> <a href="https://vitejs.dev" target="_blank">
<img src={viteLogo} className="logo" alt="Vite logo" /> <img src={viteLogo} className="logo" alt="Vite logo" />
@ -49,6 +56,8 @@ function App() {
<p className="read-the-docs"> <p className="read-the-docs">
Coming soon Coming soon
</p> </p>
{/* </AuthWrapper> */}
</Auth0Provider> </Auth0Provider>
) )
} }