Update app.py

app.py

@@ -17,7 +17,6 @@ def flashcard_ui(week, index):
     if error:
         return f"Error: {error}", None
     question = data[index]["question"]
-    answer = data[index]["answer"]
     total = len(data)
     return f"Question {index + 1}/{total}: {question}", ""
 
@@ -39,7 +38,7 @@ def change_question(week, index, direction):
 # Gradio interface
 with gr.Blocks() as demo:
     week = gr.Number(label="Enter CAM Week to Study", value=1)
-    index = gr.Number(value=0, visible=False)
+    index = gr.State(0)  # State to keep track of the current index
     question_output = gr.Textbox(label="Flashcard", interactive=False)
     answer_output = gr.Textbox(label="Answer", interactive=False)
 
@@ -51,8 +50,8 @@ with gr.Blocks() as demo:
     # Event handling
     week.change(flashcard_ui, inputs=[week, index], outputs=[question_output, answer_output])
     reveal_btn.click(reveal_answer, inputs=[week, index], outputs=answer_output)
-    prev_btn.click(change_question, inputs=[week, index, gr.Number(-1)], outputs=[index, question_output, answer_output])
-    next_btn.click(change_question, inputs=[week, index, gr.Number(1)], outputs=[index, question_output, answer_output])
+    prev_btn.click(change_question, inputs=[week, index, gr.Number(-1, visible=False)], outputs=[index, question_output, answer_output])
+    next_btn.click(change_question, inputs=[week, index, gr.Number(1, visible=False)], outputs=[index, question_output, answer_output])
 
 # Launch the app
 demo.launch()