import React, { ChangeEvent, FormEvent, useState } from "react"; import { Link, useLocation, useNavigate } from "react-router-dom"; import { catchErrors } from "../helpers"; import { SpinnerIcon } from "../icons"; import { useAuth } from "./auth.context"; interface LocationState { state: { from: string }; } export const Login = () => { const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const [loginData, setLoginData] = useState({ email: "", password: "" }); const navigate = useNavigate(); const location = useLocation() as LocationState; const { login } = useAuth(); const from = location.state?.from || "/"; function handleChange(e: ChangeEvent) { const { name, value } = e.currentTarget; setLoginData({ ...loginData, [name]: value }); } async function handleSubmit(e: FormEvent) { e.preventDefault(); const { email, password } = loginData; try { setLoading(true); await login(email, password, () => navigate(from, { replace: true })); } catch (error) { setLoading(false); catchErrors(error, setError); } } return (
로그인
{error && (

{error}

)}
{loading && ( )}

회원이 아니십니까?

회원가입 →
); };