Upload folder using huggingface_hub

app.py

@@ -50,33 +50,56 @@ def updateScore(radio):
         score -= 1
 
 ## gradio
-# submit button function. updates everything.
-def onSubmit(image, radio, scorebox):
+
+def nextQuestion(image, radio, scorebox):
     global answer
     global minPairGroup
     global score
 
-    updateScore(radio)
     setRandAnswer()
     setMinPairGroup()
     
     image = gr.Image(f'./assets/{answer}.jpeg', label=answer, show_label= False)
-    radio = gr.Radio(choices=minPairGroup, label='Which word is pictured?', value=None)
+    radio = gr.Radio(choices=minPairGroup, label='Which word is pictured?')
+    scorebox = gr.Markdown(f"# Score: {score}")
+    output_column = gr.Column(visible=False)
+    input_column = gr.Column(visible=True)
+   
+
+    return image, radio, scorebox, output_column, input_column
+
+# submit button function. updates everything.
+def onSubmit(radio, scorebox):
+    global answer
+    global score
+
+    updateScore(radio)
+    input_column = gr.Column(visible=False)
+    output_column = gr.Column(visible=True)
+    results = f"{answer} is correct. Good job!" if radio==answer else f"Incorrect. The correct answer was {answer}."
     scorebox = gr.Markdown(f"# Score: {score}")
-    return image, radio, scorebox
+    
+    return scorebox, output_column, results, input_column
 
 # the interface
 with gr.Blocks() as demo:
     setRandAnswer()
     setMinPairGroup()
 
-
     with gr.Column():
         scorebox = gr.Markdown(f"# Score: {score}")
         image = gr.Image(f'./assets/{answer}.jpeg', label=answer, show_label= False)
         radio = gr.Radio(choices=minPairGroup, label='Which word is pictured?')
+
+    with gr.Column(visible=True) as input_column:
         submitButton = gr.Button("Submit")
-        submitButton.click(onSubmit, inputs= [image, radio, scorebox], outputs=[image, radio, scorebox])
-       
 
+    with gr.Column(visible=False) as output_column:
+        results = gr.Textbox(label="Correct Answer") 
+        nextButton = gr.Button("Next")
+        nextButton.click(nextQuestion, inputs= [image, radio, scorebox], outputs=[image, radio, scorebox, output_column, input_column])
+    
+       
+    submitButton.click(onSubmit, inputs= [radio, scorebox], outputs=[scorebox, output_column, results, input_column])
+    
 demo.launch()