All files / src/components/guards GuestGuard.tsx

100% Statements 11/11
100% Branches 12/12
100% Functions 2/2
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34                      5x 5x   5x 5x     2x 2x       5x 1x     4x 2x     2x    
import { useEffect } from "react";
import { useNavigate } from "@tanstack/react-router";
import { useAuth } from "../../lib/auth-context";
import { LoadingSpinner } from "./LoadingSpinner";
 
type GuestGuardProps = {
	children: React.ReactNode;
};
 
// Guest guard component - redirects to dashboard if already logged in
export function GuestGuard({ children }: GuestGuardProps) {
	const { isAuthenticated, isLoading, isAdmin, hasProAccess } = useAuth();
	const navigate = useNavigate();
 
	useEffect(() => {
		if (!isLoading && isAuthenticated) {
			// Redirect admin-only users (no pro access) to admin panel
			// Users with pro access go to pro dashboard
			const shouldGoToAdmin = isAdmin && !hasProAccess;
			navigate({ to: shouldGoToAdmin ? "/admin" : "/" });
		}
	}, [isLoading, isAuthenticated, isAdmin, hasProAccess, navigate]);
 
	if (isLoading) {
		return <LoadingSpinner />;
	}
 
	if (isAuthenticated) {
		return <LoadingSpinner />; // Show spinner while redirecting
	}
 
	return <>{children}</>;
}