Hide class list behind edit class button

This commit is contained in:
Tanner Collin 2020-02-21 01:06:19 +00:00
parent fb41b3b3d9
commit 87b71c00b9

View File

@ -62,7 +62,8 @@ function AttendanceRow(props) {
}
export function InstructorClassAttendance(props) {
const { clazz, token, refreshClass } = props;
const { clazz, token, refreshClass, user } = props;
const [open, setOpen] = useState(false);
const [input, setInput] = useState({});
const [error, setError] = useState(false);
const [loading, setLoading] = useState(false);
@ -90,9 +91,10 @@ export function InstructorClassAttendance(props) {
<div>
<Header size='medium'>Instructor Panel</Header>
{open || clazz.instructor === user.id ?
<div>
<Header size='small'>Student Emails</Header>
{clazz.students.length ?
clazz.students
.filter(x => x.attendance_status !== 'Withdrawn')
@ -130,6 +132,12 @@ export function InstructorClassAttendance(props) {
</Form.Button>
</Form>
</div>
:
<Button onClick={() => setOpen(true)}>
Edit Class
</Button>
}
</div>
);
};