revealAnswerOnSubmit not working correctly

[SaadBazaz]

Hey!
I want the quiz to show the right answer (as instant feedback) immediately when clicked.
i.e. if user selects any answer, the correct answer should be highlighted.

I assume that the property revealAnswerOnSubmit={true} should do this operation, but it doesn't seem to work.

Result upon clicking: nothing is highlighted at all!

[wingkwong]

Thanks for reporting. Will take a look.

[wingkwong]

I think that is not the case. revealAnswerOnSubmit={true} means the answers will be shown after you submit the quiz, i.e. finishing all questions. It seems what you said is missing currently.

[SaadBazaz]

How can I achieve this with the current code? It's a really necessary feature

[SaadBazaz]

I've edited Core.js to achieve it. In the function renderAnswers, I've edited this following line.

...
<Fragment key={index}>
        {(buttons[index] !== undefined)
          ? (
            <button
              type="button"
              disabled={buttons[index].disabled || false}
              className={`${buttons[index].className} ${showCorrectAnswer && `${index + 1}` === correctAnswer ? "correct" : ""} answerBtn btn`}
              // notice the showCorrectAnswer ternary
              onClick={() => (revealAnswerOnSubmit ? onSelectAnswer(index) : onClickAnswer(index))}
            >
              {questionType === 'text' && <span>{numberToCharacter(index)}. {answer}</span>}
              {questionType === 'photo' && <img src={answer} alt="image" />}
            </button>
          )
...

Obviously I added showCorrectAnswer as a boolean prop to both Quiz and Core.

[wingkwong]

Can you make a PR?