import { useEffect, useState } from "react"; import { Redirect } from "react-router-dom"; import roomApi from "../../apis/room.api"; import catchErrors from "../../context/catchError"; const id = localStorage.getItem("user"); const JoinRoom = () => { const [roomId, setRoomId] = useState(""); const [disabled, setDisabled] = useState(true); const [error, setError] = useState(""); const [success, setSuccess] = useState(false); useEffect(() => { const isRoom = Object.values(roomApi).every((el) => Boolean(el)); isRoom ? setDisabled(false) : setDisabled(true); }, [roomId]); function handleChange(event) { const { value } = event.target; setRoomId(value); } async function handleSubmit(e) { e.preventDefault(); try { // setLoading(true); setError(""); const data = await roomApi.join({ userId: id, roomId: roomId }); setSuccess(true); } catch (error) { catchErrors(error, setError); } finally { // setLoading(false); } } if (success) { // console.log('success', success) alert('룸참여가 완료되었습니다!') window.location.href=`/user/${id}` // return ; } return (
방참여하기
{error &&
{error}
}
); }; export default JoinRoom;