Page 343 - MDP2022-3

type="text"
fullWidth

value={classId}
onChange={(e) => setClassId(e.target.value)}
/>

</DialogContent>
<DialogActions>

<Button onClick={handleClose} color="primary">
Cancel
</Button>

<Button onClick={joinClass} color="primary">
Join
</Button>

</DialogActions>
</Dialog>

</div>
);
}

export default JoinClass;

import {
Button,

Dialog,
DialogActions,

DialogContent,
DialogContentText,
DialogTitle,

TextField,
} from "@material-ui/core";

import React, { useState } from "react";
import { useAuthState } from "react-firebase-hooks/auth";
import { useRecoilState } from "recoil";

import { auth, db } from "../firebase";
import { createDialogAtom } from "../utils/atoms";

function CreateClass() {
const [user, loading, error] = useAuthState(auth);