Warn student if class has already ran

This commit is contained in:
Tanner Collin 2022-05-23 21:44:09 +00:00
parent dc45311e9d
commit e8aa7372d5

View File

@ -472,6 +472,7 @@ export function ClassDetail(props) {
const [refreshCount, refreshClass] = useReducer(x => x + 1, 0); const [refreshCount, refreshClass] = useReducer(x => x + 1, 0);
const [error, setError] = useState(false); const [error, setError] = useState(false);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [override, setOverride] = useState(false);
const { token, user, refreshUser } = props; const { token, user, refreshUser } = props;
const { id } = useParams(); const { id } = useParams();
const userTraining = clazz && clazz.students.find(x => x.user == user.id); const userTraining = clazz && clazz.students.find(x => x.user == user.id);
@ -520,7 +521,8 @@ export function ClassDetail(props) {
setLoading(false); setLoading(false);
}, [userTraining]); }, [userTraining]);
// TODO: calculate yesterday and lock signups const now = new Date().toISOString();
const signupDisabled = clazz && clazz.datetime < now && !override;
return ( return (
<Container> <Container>
@ -631,9 +633,26 @@ export function ClassDetail(props) {
((clazz.max_students && clazz.student_count >= clazz.max_students) ? ((clazz.max_students && clazz.student_count >= clazz.max_students) ?
<p>The class is full.</p> <p>The class is full.</p>
: :
<Button loading={loading} onClick={handleSignup}> <>
{clazz.datetime < now &&
<>
<p>This class has already ran.</p>
<p>
<Form.Checkbox
name='override'
value={override}
label='Let me sign up anyway'
required
onChange={(e, v) => setOverride(v.checked)}
/>
</p>
</>
}
<Button loading={loading} onClick={handleSignup} disabled={signupDisabled}>
Sign me up! Sign me up!
</Button> </Button>
</>
) )
) )
) )