From 8a4b3a4cf3f0d882b9360ceeb3010dc732d092a6 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:11:01 +0100
Subject: [PATCH] Add show explanation button in QuizRunner component

---
 client/src/components/QuizRunner.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/client/src/components/QuizRunner.tsx b/client/src/components/QuizRunner.tsx
index 0b0e62e..a02c5f8 100644
--- a/client/src/components/QuizRunner.tsx
+++ b/client/src/components/QuizRunner.tsx
@@ -433,13 +433,20 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
           </>
         )}
         {showResult && (
-          <button className="button button--primary" onClick={goNext}>
-            {currentIndex + 1 === questions.length ? 'Finish' : 'Next'}
-          </button>
+          <>
+            {lastCorrect && !showExplanation && (
+              <button className="button button--ghost" onClick={() => setShowExplanation(true)}>
+                Show explanation
+              </button>
+            )}
+            <button className="button button--primary" onClick={goNext}>
+              {currentIndex + 1 === questions.length ? 'Finish' : 'Next'}
+            </button>
+          </>
         )}
       </div>
 
-      {showResult && !lastCorrect && <ExplanationPanel question={currentQuestion} targets={targets} />}
+      {shouldShowExplanation && <ExplanationPanel question={currentQuestion} targets={targets} />}
     </div>
   );
 }