mirror of
				https://github.com/steveiliop56/tinyauth.git
				synced 2025-10-30 21:55:43 +00:00 
			
		
		
		
	fix: fix hook rendering
This commit is contained in:
		| @@ -14,18 +14,18 @@ import { Navigate, useLocation, useNavigate } from "react-router"; | |||||||
| import DOMPurify from "dompurify"; | import DOMPurify from "dompurify"; | ||||||
|  |  | ||||||
| export const ContinuePage = () => { | export const ContinuePage = () => { | ||||||
|   const { search } = useLocation(); |  | ||||||
|   const searchParams = new URLSearchParams(search); |  | ||||||
|   const redirectURI = searchParams.get("redirect_uri"); |  | ||||||
|  |  | ||||||
|   const { isLoggedIn } = useUserContext(); |   const { isLoggedIn } = useUserContext(); | ||||||
|   const { domain, disableContinue } = useAppContext(); |  | ||||||
|   const { t } = useTranslation(); |  | ||||||
|  |  | ||||||
|   if (!isLoggedIn) { |   if (!isLoggedIn) { | ||||||
|     return <Navigate to="/login" />; |     return <Navigate to="/login" />; | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   const { domain, disableContinue } = useAppContext(); | ||||||
|  |   const { search } = useLocation(); | ||||||
|  |  | ||||||
|  |   const searchParams = new URLSearchParams(search); | ||||||
|  |   const redirectURI = searchParams.get("redirect_uri"); | ||||||
|  |  | ||||||
|   if (!redirectURI) { |   if (!redirectURI) { | ||||||
|     return <Navigate to="/logout" />; |     return <Navigate to="/logout" />; | ||||||
|   } |   } | ||||||
| @@ -38,6 +38,7 @@ export const ContinuePage = () => { | |||||||
|     window.location.href = DOMPurify.sanitize(redirectURI); |     window.location.href = DOMPurify.sanitize(redirectURI); | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   const { t } = useTranslation(); | ||||||
|   const navigate = useNavigate(); |   const navigate = useNavigate(); | ||||||
|  |  | ||||||
|   const url = new URL(redirectURI); |   const url = new URL(redirectURI); | ||||||
|   | |||||||
| @@ -23,25 +23,25 @@ import { Navigate, useLocation } from "react-router"; | |||||||
| import { toast } from "sonner"; | import { toast } from "sonner"; | ||||||
|  |  | ||||||
| export const LoginPage = () => { | export const LoginPage = () => { | ||||||
|   const { search } = useLocation(); |  | ||||||
|   const searchParams = new URLSearchParams(search); |  | ||||||
|   const redirectUri = searchParams.get("redirect_uri"); |  | ||||||
|  |  | ||||||
|   const { isLoggedIn } = useUserContext(); |   const { isLoggedIn } = useUserContext(); | ||||||
|   const { configuredProviders, title, oauthAutoRedirect } = useAppContext(); |  | ||||||
|   const { t } = useTranslation(); |  | ||||||
|  |  | ||||||
|   if (isLoggedIn) { |   if (isLoggedIn) { | ||||||
|     return <Navigate to="/logout" />; |     return <Navigate to="/logout" />; | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   const { configuredProviders, title, oauthAutoRedirect } = useAppContext(); | ||||||
|  |   const { search } = useLocation(); | ||||||
|  |   const { t } = useTranslation(); | ||||||
|  |   const isMounted = useIsMounted(); | ||||||
|  |  | ||||||
|  |   const searchParams = new URLSearchParams(search); | ||||||
|  |   const redirectUri = searchParams.get("redirect_uri"); | ||||||
|  |  | ||||||
|   const oauthConfigured = |   const oauthConfigured = | ||||||
|     configuredProviders.filter((provider) => provider !== "username").length > |     configuredProviders.filter((provider) => provider !== "username").length > | ||||||
|     0; |     0; | ||||||
|   const userAuthConfigured = configuredProviders.includes("username"); |   const userAuthConfigured = configuredProviders.includes("username"); | ||||||
|  |  | ||||||
|   const isMounted = useIsMounted(); |  | ||||||
|  |  | ||||||
|   const oauthMutation = useMutation({ |   const oauthMutation = useMutation({ | ||||||
|     mutationFn: (provider: string) => |     mutationFn: (provider: string) => | ||||||
|       axios.get( |       axios.get( | ||||||
|   | |||||||
| @@ -17,13 +17,14 @@ import { toast } from "sonner"; | |||||||
|  |  | ||||||
| export const LogoutPage = () => { | export const LogoutPage = () => { | ||||||
|   const { provider, username, isLoggedIn, email } = useUserContext(); |   const { provider, username, isLoggedIn, email } = useUserContext(); | ||||||
|   const { genericName } = useAppContext(); |  | ||||||
|   const { t } = useTranslation(); |  | ||||||
|  |  | ||||||
|   if (!isLoggedIn) { |   if (!isLoggedIn) { | ||||||
|     return <Navigate to="/login" />; |     return <Navigate to="/login" />; | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   const { genericName } = useAppContext(); | ||||||
|  |   const { t } = useTranslation(); | ||||||
|  |  | ||||||
|   const logoutMutation = useMutation({ |   const logoutMutation = useMutation({ | ||||||
|     mutationFn: () => axios.post("/api/logout"), |     mutationFn: () => axios.post("/api/logout"), | ||||||
|     mutationKey: ["logout"], |     mutationKey: ["logout"], | ||||||
|   | |||||||
| @@ -17,14 +17,14 @@ import { useLocation, useNavigate } from "react-router"; | |||||||
| import { toast } from "sonner"; | import { toast } from "sonner"; | ||||||
|  |  | ||||||
| export const TotpPage = () => { | export const TotpPage = () => { | ||||||
|  |   const { t } = useTranslation(); | ||||||
|   const { search } = useLocation(); |   const { search } = useLocation(); | ||||||
|  |   const navigate = useNavigate(); | ||||||
|  |   const formId = useId(); | ||||||
|  |  | ||||||
|   const searchParams = new URLSearchParams(search); |   const searchParams = new URLSearchParams(search); | ||||||
|   const redirectUri = searchParams.get("redirect_uri"); |   const redirectUri = searchParams.get("redirect_uri"); | ||||||
|  |  | ||||||
|   const { t } = useTranslation(); |  | ||||||
|   const formId = useId(); |  | ||||||
|   const navigate = useNavigate(); |  | ||||||
|  |  | ||||||
|   const totpMutation = useMutation({ |   const totpMutation = useMutation({ | ||||||
|     mutationFn: (values: TotpSchema) => axios.post("/api/totp", values), |     mutationFn: (values: TotpSchema) => axios.post("/api/totp", values), | ||||||
|     mutationKey: ["totp"], |     mutationKey: ["totp"], | ||||||
|   | |||||||
| @@ -11,17 +11,17 @@ import { Navigate, useLocation, useNavigate } from "react-router"; | |||||||
|  |  | ||||||
| export const UnauthorizedPage = () => { | export const UnauthorizedPage = () => { | ||||||
|   const { search } = useLocation(); |   const { search } = useLocation(); | ||||||
|  |  | ||||||
|   const searchParams = new URLSearchParams(search); |   const searchParams = new URLSearchParams(search); | ||||||
|   const username = searchParams.get("username"); |   const username = searchParams.get("username"); | ||||||
|   const resource = searchParams.get("resource"); |   const resource = searchParams.get("resource"); | ||||||
|   const groupErr = searchParams.get("groupErr"); |   const groupErr = searchParams.get("groupErr"); | ||||||
|  |  | ||||||
|   const { t } = useTranslation(); |  | ||||||
|  |  | ||||||
|   if (!username) { |   if (!username) { | ||||||
|     return <Navigate to="/" />; |     return <Navigate to="/" />; | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   const { t } = useTranslation(); | ||||||
|   const navigate = useNavigate(); |   const navigate = useNavigate(); | ||||||
|  |  | ||||||
|   let i18nKey = "unauthorizedLoginSubtitle"; |   let i18nKey = "unauthorizedLoginSubtitle"; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 Stavros
					Stavros