add retry submit

Author: prd-duy-huynh

src/components/survey/generic/index.js

@@ -4,6 +4,7 @@ import Icon from "components/common/icon";
 import Markdown from "components/common/markdown";
 import Modal from "components/common/modal";
 import useAssessment from "lib/hooks/use-assessment";
+import useDidUpdate from "lib/hooks/use-did-update";
 import useGraphql from "lib/hooks/use-graphql";
 import useHttp from "lib/hooks/use-http";
 import useTranslate from "lib/hooks/use-translate";
@@ -16,6 +17,7 @@ export default function Generic() {
   const [answers, setAnswers] = useState([]);
   const [showInstructions, setShowInstructions] = useState(false);
   const [showConclusions, setShowConclusions] = useState(false);
+  const [submitAttempts, setSubmitAttempts] = useState(0);
 
   const assessment = useAssessment({surveyType: "generic"});
   const questionSets = assessment ? assessment.survey.questionSets : [];
@@ -39,6 +41,7 @@ export default function Generic() {
   const back = () => { setQuestionSetIndex(questionSetIndex - 1); };
 
   const onSubmit = () => {
+    if(submitAttempts > 3) { return; }
     const query = graphQL.generic.update;
     const variables = {
       assessmentID: assessment.id,
@@ -51,11 +54,13 @@ export default function Generic() {
       } else {
         console.warn(errors || data); // eslint-disable-line no-console
 
-        // setTimeout(() => setSubmitAttempts((x) => x + 1), 2000);
+        setTimeout(() => setSubmitAttempts((x) => x + 1), 2000);
       }
     });
   };
 
+  useDidUpdate(() => { onSubmit(); }, [submitAttempts]);
+
   useEffect(() => {
     setShowInstructions(true);
   }, [assessment]);