diff --git a/bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/reading/components/ActivitiesRequiredCell.tsx b/bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/reading/components/ActivitiesRequiredCell.tsx index 8d5963e9a..58bdc55bc 100644 --- a/bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/reading/components/ActivitiesRequiredCell.tsx +++ b/bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/reading/components/ActivitiesRequiredCell.tsx @@ -11,6 +11,8 @@ interface ActivitiesRequiredCellProps { itemId: number; } +const MIN_ACTIVITIES = 1; + export const ActivitiesRequiredCell = ({ value, exercise, @@ -18,11 +20,11 @@ export const ActivitiesRequiredCell = ({ itemId }: ActivitiesRequiredCellProps) => { const { showToast } = useToastContext(); - const [currentValue, setCurrentValue] = useState(value || 0); + const [currentValue, setCurrentValue] = useState(value || MIN_ACTIVITIES); const handleValueChange = (newValue: number | null | undefined) => { - const numValue = newValue ?? 0; - const activityCount = exercise.numQuestions || 0; + const numValue = newValue ?? MIN_ACTIVITIES; + const activityCount = exercise.numQuestions || MIN_ACTIVITIES; if (numValue > activityCount) { showToast({ @@ -31,7 +33,7 @@ export const ActivitiesRequiredCell = ({ detail: `# required (${numValue}) must not exceed the activity count (${activityCount}).` }); - setCurrentValue(value || 0); + setCurrentValue(value || MIN_ACTIVITIES); return; } @@ -43,8 +45,8 @@ export const ActivitiesRequiredCell = ({ handleValueChange(e.value)} - min={0} - max={exercise.numQuestions || 0} + min={MIN_ACTIVITIES} + max={exercise.numQuestions || MIN_ACTIVITIES} showButtons={false} style={{ width: "100%",