Files
Claude 87daa3add3 Refactor components to use custom hooks
- Extract login form logic into useLoginForm hook
- Create useAuthRedirect hook for auth-based navigation
- Refactor LoginForm component to use useLoginForm (147 -> 135 LOC)
- Refactor login page to use useAuthRedirect (23 -> 14 LOC)
- Update dashboard to use useAuthRedirect for cleaner code
- Improve code reusability and testability

https://claude.ai/code/session_01U3wVqokhrL3dTeq2dTq73n
2026-01-30 22:54:14 +00:00

21 lines
628 B
TypeScript

import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import { useAppSelector } from '@/lib/store/hooks';
export function useAuthRedirect(redirectTo: '/dashboard' | '/') {
const { isAuthenticated, loading } = useAppSelector((state) => state.auth);
const router = useRouter();
useEffect(() => {
if (loading) return;
if (redirectTo === '/dashboard' && isAuthenticated) {
router.push('/dashboard');
} else if (redirectTo === '/' && !isAuthenticated) {
router.push('/');
}
}, [isAuthenticated, loading, router, redirectTo]);
return { isAuthenticated, loading };
}