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

removing auth dependency from shared authorized ui

Browse source
This commit is contained in:
Carter 2026-05-19 16:19:48 -06:00
parent 9f02b47def
commit 0410a5ccae
3 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/pages/Login.tsx
View file

@ -1,10 +1,11 @@
import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react"; import { RedirectLoginOptions } from "@auth0/auth0-react";
// import { useAuth } from "hooks"; // import { useAuth } from "hooks";
import queryString from "query-string"; import queryString from "query-string";
import { useEffect } from "react"; import { useEffect } from "react";
import { useLocation } from "react-router"; import { useLocation } from "react-router";
// import Loading from "./Loading"; // import Loading from "./Loading";
import LoadingScreen from "app/LoadingScreen"; import LoadingScreen from "app/LoadingScreen";
import { useAuthContext } from "providers/authContext";
// interface Props { // interface Props {
// prevPath?: string; // prevPath?: string;
@ -13,7 +14,7 @@ import LoadingScreen from "app/LoadingScreen";
export default function Login() { export default function Login() {
// const { prevPath } = props; // const { prevPath } = props;
const location = useLocation(); const location = useLocation();
const { loginWithRedirect } = useAuth0(); const { loginWithRedirect } = useAuthContext();
// const setRouteBeforeLogin = useCallback((): Promise<string> => { // const setRouteBeforeLogin = useCallback((): Promise<string> => {
// return new Promise(function(resolve) { // return new Promise(function(resolve) {

6
src/providers/LoginButton.tsx
View file

@ -1,7 +1,7 @@
import { useAuth0 } from '@auth0/auth0-react'; import { useAuthContext } from './authContext';
const LoginButton = () => { const LoginButton = () => {
const { loginWithRedirect } = useAuth0(); const { loginWithRedirect } = useAuthContext();
return ( return (
<button onClick={() => loginWithRedirect()}> <button onClick={() => loginWithRedirect()}>
@ -10,4 +10,4 @@ const LoginButton = () => {
); );
}; };
export default LoginButton; export default LoginButton;

4
src/providers/authContext.tsx
View file

@ -1,9 +1,9 @@
import { useAuth0 } from "@auth0/auth0-react" import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react"
import { createContext, PropsWithChildren, useContext } from "react" import { createContext, PropsWithChildren, useContext } from "react"
interface IAuthContext { interface IAuthContext {
isAuthenticated: boolean isAuthenticated: boolean
loginWithRedirect: () => void loginWithRedirect: (options?: RedirectLoginOptions) => void | Promise<void>
logout: () => void logout: () => void
} }