From 0410a5ccae867f167cf81abedf6c9a30b0c727c9 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Tue, 19 May 2026 16:19:48 -0600
Subject: [PATCH] removing auth dependency from shared authorized ui

---
 src/pages/Login.tsx           | 5 +++--
 src/providers/LoginButton.tsx | 6 +++---
 src/providers/authContext.tsx | 4 ++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 3dc7d2f..ed56673 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -1,10 +1,11 @@
-import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react";
+import { RedirectLoginOptions } from "@auth0/auth0-react";
 // import { useAuth } from "hooks";
 import queryString from "query-string";
 import { useEffect } from "react";
 import { useLocation } from "react-router";
 // import Loading from "./Loading";
 import LoadingScreen from "app/LoadingScreen";
+import { useAuthContext } from "providers/authContext";
 
 // interface Props {
 //   prevPath?: string;
@@ -13,7 +14,7 @@ import LoadingScreen from "app/LoadingScreen";
 export default function Login() {
   // const { prevPath } = props;
   const location = useLocation();
-  const { loginWithRedirect } = useAuth0();
+  const { loginWithRedirect } = useAuthContext();
 
   // const setRouteBeforeLogin = useCallback((): Promise<string> => {
   //   return new Promise(function(resolve) {
diff --git a/src/providers/LoginButton.tsx b/src/providers/LoginButton.tsx
index c8f9aac..e9e04a8 100644
--- a/src/providers/LoginButton.tsx
+++ b/src/providers/LoginButton.tsx
@@ -1,7 +1,7 @@
-import { useAuth0 } from '@auth0/auth0-react';
+import { useAuthContext } from './authContext';
 
 const LoginButton = () => {
-  const { loginWithRedirect } = useAuth0();
+  const { loginWithRedirect } = useAuthContext();
 
   return (
     <button onClick={() => loginWithRedirect()}>
@@ -10,4 +10,4 @@ const LoginButton = () => {
   );
 };
 
-export default LoginButton;
\ No newline at end of file
+export default LoginButton;
diff --git a/src/providers/authContext.tsx b/src/providers/authContext.tsx
index cee441c..f5bf790 100644
--- a/src/providers/authContext.tsx
+++ b/src/providers/authContext.tsx
@@ -1,9 +1,9 @@
-import { useAuth0 } from "@auth0/auth0-react"
+import { RedirectLoginOptions, useAuth0 } from "@auth0/auth0-react"
 import { createContext, PropsWithChildren, useContext } from "react"
 
 interface IAuthContext {
   isAuthenticated: boolean
-  loginWithRedirect: () => void
+  loginWithRedirect: (options?: RedirectLoginOptions) => void | Promise<void>
   logout: () => void
 }