input required

src/components/problem-layout/HintTextbox.js

@@ -12,6 +12,9 @@ import { stagingProp } from "../../util/addStagingProperty";
 import { toastNotifyCorrectness } from "./ToastNotifyCorrectness";
 import { joinList } from "../../util/formListString";
 import withTranslation from "../../util/withTranslation.js"
+import {
+    toastNotifyEmpty
+} from "./ToastNotifyCorrectness";
 
 class HintTextbox extends React.Component {
     static contextType = ThemeContext;
@@ -47,6 +50,12 @@ class HintTextbox extends React.Component {
             variabilization: chooseVariables(this.props.hintVars, this.props.seed),
             questionText: this.hint.text
         });
+
+        if (parsed == '') {
+            toastNotifyEmpty()
+            return;
+        }
+
         this.props.submitHint(parsed, this.hint, correctAnswer, this.props.hintNum);
 
         const isCorrect = !!correctAnswer

src/components/problem-layout/ProblemCard.js

@@ -29,7 +29,7 @@ import { stagingProp } from "../../util/addStagingProperty";
 import ErrorBoundary from "../ErrorBoundary";
 import {
     toastNotifyCompletion,
-    toastNotifyCorrectness,
+    toastNotifyCorrectness, toastNotifyEmpty
 } from "./ToastNotifyCorrectness";
 import { joinList } from "../../util/formListString";
 import axios from "axios";
@@ -211,6 +211,11 @@ class ProblemCard extends React.Component {
         const { seed, problemVars, problemID, courseName, answerMade, lesson } =
             this.props;
 
+        if (inputVal == '') {
+            toastNotifyEmpty()
+            return;
+        }
+
         const [parsed, correctAnswer, reason] = checkAnswer({
             attempt: inputVal,
             actual: stepAnswer,

src/components/problem-layout/ToastNotifyCorrectness.js

@@ -28,3 +28,9 @@ export function toastNotifyCompletion(translate) {
         autoClose: 3000
     })
 }
+
+export function toastNotifyEmpty() {
+    toast.info("Please input an answer.", {
+        autoClose: 3000
+    })
+}