fix(challenge modal): user could submit empty answer

plebbit · Jan 24, 2025 · f952044 · f952044
1 parent c510345
commit f952044
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/challenge-modal/challenge-modal.tsx b/src/components/challenge-modal/challenge-modal.tsx
@@ -46,6 +46,7 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
 
   const onEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.key !== 'Enter') return;
+    if (!answers[currentChallengeIndex]) return;
     if (challenges[currentChallengeIndex + 1]) {
       setCurrentChallengeIndex((prev) => prev + 1);
     } else {
@@ -80,7 +81,11 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
       <div className={styles.challengeFooter}>
         <div className={styles.counter}>{t('challenge_counter', { index: currentChallengeIndex + 1, total: challenges?.length })}</div>
         <span className={styles.buttons}>
-          {!challenges[currentChallengeIndex + 1] && <button onClick={onSubmit}>{t('submit')}</button>}
+          {!challenges[currentChallengeIndex + 1] && (
+            <button onClick={onSubmit} disabled={!answers[currentChallengeIndex]}>
+              {t('submit')}
+            </button>
+          )}
           <button onClick={closeModal}>{t('cancel')}</button>
           {challenges.length > 1 && (
             <button disabled={!challenges[currentChallengeIndex - 1]} onClick={() => setCurrentChallengeIndex((prev) => prev - 1)}>