Page 342 - MDP2022-3

const userData = await (await userRef.get()).docs[0].data();
let tempClassrooms = userData.enrolledClassrooms;

tempClassrooms.push({
creatorName: classData.creatorName,
creatorPhoto: classData.creatorPhoto,

id: classId,
name: classData.name,

});
await (
await userRef.get()

).docs[0].ref.update({
enrolledClassrooms: tempClassrooms,
});

// alert done
alert(`Enrolled in ${classData.name} successfully!`);

handleClose();
} catch (err) {
console.error(err);

alert(err.message);
}

};

return (

<div className="joinClass">
<Dialog

open={open}
onClose={handleClose}
aria-labelledby="form-dialog-title"

>
<DialogTitle id="form-dialog-title">Join Ma:in </DialogTitle>

<DialogContent>
<DialogContentText>
가입하시고 싶으신 Ma:in의 ID를 작성해주시겠어요?

</DialogContentText>
<TextField

autoFocus
margin="dense"
label="Ma:in ID"