Files
road-monitoring-ui/src/hooks/useLoginForm.ts

58 lines
1.6 KiB
TypeScript

import { authService } from '@/services/api/auth.service';
import { initializeAuthenticatedApp } from '@/services/initializer.service';
import { useAppStore } from '@/store/app.store';
import { useAuthStore } from '@/store/auth.store';
import type { LoginPayload } from '@/types';
import { ROUTES } from '@/utils/routes';
import { useRouter } from 'next/navigation';
import { useForm } from 'react-hook-form';
import { toast } from 'sonner';
export const useLoginForm = () => {
const router = useRouter();
const setAccessToken = useAuthStore((state) => state.setAccessToken);
const setLoading = useAppStore((state) => state.setLoading);
const {
register,
handleSubmit,
formState: { errors, isSubmitting },
} = useForm<LoginPayload>({
defaultValues: {
email: '',
password: '',
rememberMe: false,
},
});
const onSubmit = async (data: LoginPayload) => {
try {
const loginResponse = await authService.login({
email: data.email,
password: data.password,
});
const accessToken = loginResponse.access_token;
if (!accessToken) {
toast.error('Login failed: no access token returned');
return;
}
setAccessToken(accessToken);
setLoading();
await initializeAuthenticatedApp();
toast.success('Login successful');
router.replace(ROUTES.DASHBOARD);
} catch (error) {
toast.error(error instanceof Error ? error.message : 'Unable to sign in');
}
};
return {
register,
handleSubmit: handleSubmit(onSubmit),
errors,
isLoading: isSubmitting,
};
};