Update app.py

app.py

@@ -530,6 +530,7 @@ def create_quiz_interface():
     if not os.getenv("GROQ_API_KEY"):
         raise EnvironmentError("Please set your GROQ_API_KEY environment variable")
         
+    global quiz_app  # Make quiz_app accessible to helper functions
     quiz_app = QuizApp(os.getenv("GROQ_API_KEY"))
     
     with gr.Blocks(title="CertifyMe AI", theme=gr.themes.Soft()) as demo:
@@ -571,27 +572,24 @@ def create_quiz_interface():
                 
                 generate_btn = gr.Button("Generate Assessment", variant="primary", size="lg")
 
+            # Assessment Tab
             with gr.Tab("📝 Step 2: Take Assessment") as assessment_tab:
                 with gr.Column(visible=True) as question_box:
                     # Question section
                     with gr.Group():
-                        # Question display
                         question_display = gr.Markdown("", label="Current Question")
-                        
-                        # Single radio group for current question
                         current_options = gr.Radio(
                             choices=[],
                             label="Select your answer:",
                             visible=False
                         )
                         
-                        # Navigation
                         with gr.Row():
                             prev_btn = gr.Button("← Previous", variant="secondary", size="sm")
                             question_counter = gr.Markdown("Question 1 of 3")
                             next_btn = gr.Button("Next →", variant="secondary", size="sm")
                         
-                        gr.Markdown("---")  # Separator
+                        gr.Markdown("---")
                         
                         with gr.Row():
                             submit_btn = gr.Button(
@@ -622,9 +620,6 @@ def create_quiz_interface():
                             visible=True
                         )
 
-            
-
-            
             # Certification Tab
             with gr.Tab("🎓 Step 3: Get Certified"):
                 score_display = gr.Number(label="Your Score")
@@ -634,46 +629,48 @@ def create_quiz_interface():
                     value="Professional Assessment Certification"
                 )
                 certificate_display = gr.Image(label="Your Certificate")
+
 # Helper Functions
 
-            def on_generate_questions(text, num_questions):
-                        success, questions = quiz_app.generate_questions(text, num_questions)
-                        tab_index = 1  # Index for "Take Assessment" tab
-                        
-                        if not success:
-                            return [
-                                "",
-                                gr.update(choices=[], visible=False),
-                                "",
-                                gr.update(visible=False),
-                                [],
-                                0,
-                                [None] * 5,
-                                gr.update(selected=tab_index),  # Force navigation
-                                gr.update(visible=False),
-                                gr.update(visible=False)  # view_cert_btn visibility
-                            ]
-                        
-                        initial_answers = [None] * len(questions)
-                        question = questions[0]
-                        
-                        return [
-                            f"## Question 1\n{question.question}\n\nPlease select one answer:",
-                            gr.update(
-                                choices=question.options,
-                                value=None,
-                                visible=True,
-                                label="Select your answer for Question 1:"
-                            ),
-                            f"Question 1 of {len(questions)}",
-                            gr.update(visible=True),
-                            questions,
-                            0,
-                            initial_answers,
-                            gr.update(selected=tab_index),  # Force navigation
-                            gr.update(visible=False),
-                            gr.update(visible=False)  # view_cert_btn visibility
-                        ]
+            def on_generate_questions(text: str, num_questions: int) -> List:
+                success, questions = quiz_app.generate_questions(text, num_questions)
+                tab_index = 1  # Index for "Take Assessment" tab
+                
+                if not success:
+                    return [
+                        "",
+                        gr.update(choices=[], visible=False),
+                        "",
+                        gr.update(visible=False),
+                        [],
+                        0,
+                        [None] * 5,
+                        gr.update(selected=tab_index),
+                        gr.update(visible=False),
+                        gr.update(visible=False)
+                    ]
+                
+                initial_answers = [None] * len(questions)
+                question = questions[0]
+                
+                return [
+                    f"## Question 1\n{question.question}\n\nPlease select one answer:",
+                    gr.update(
+                        choices=question.options,
+                        value=None,
+                        visible=True,
+                        label="Select your answer for Question 1:"
+                    ),
+                    f"Question 1 of {len(questions)}",
+                    gr.update(visible=True),
+                    questions,
+                    0,
+                    initial_answers,
+                    gr.update(selected=tab_index),
+                    gr.update(visible=False),
+                    gr.update(visible=False)
+                ]
+
     
             def goto_take_assessment():
                 """Navigate to Take Assessment tab"""
@@ -698,8 +695,7 @@ def create_quiz_interface():
             )        
             
         
-        def navigate(direction, current_idx, questions, answers, current_answer):
-            """Handle navigation between questions"""
+        def navigate(direction: int, current_idx: int, questions: List, answers: List, current_answer: Optional[str]) -> List:
             if not questions:
                 return [
                     0,
@@ -733,16 +729,16 @@ def create_quiz_interface():
 
         def handle_prev(current_idx, questions, answers, current_answer):
             return navigate(-1, current_idx, questions, answers, current_answer)
-
+        
         def handle_next(current_idx, questions, answers, current_answer):
             return navigate(1, current_idx, questions, answers, current_answer)
-
+        
         def update_answer_state(answer, idx, current_answers):
             new_answers = list(current_answers)
             if 0 <= idx < len(new_answers):
                 new_answers[idx] = answer
             return new_answers
-
+            
         def on_submit(questions, answers, current_idx, current_answer):
             final_answers = list(answers)
             if 0 <= current_idx < len(final_answers):
@@ -756,7 +752,7 @@ def create_quiz_interface():
                     "",
                     gr.update(visible=True),
                     gr.update(selected=1),
-                    gr.update(visible=False)  # view_cert_btn visibility
+                    gr.update(visible=False)
                 ]
             
             score, passed, feedback = quiz_app.calculate_score(final_answers[:len(questions)])
@@ -766,23 +762,23 @@ def create_quiz_interface():
                 color = "green" if f.is_correct else "red"
                 symbol = "✅" if f.is_correct else "❌"
                 feedback_html += f"""### Question {i+1}
-{q.question}
-
-<div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
-    {symbol} Your answer: {f.selected or "No answer"}
-    {'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
-</div>
-"""
+        {q.question}
+        
+        <div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
+            {symbol} Your answer: {f.selected or "No answer"}
+            {'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
+        </div>
+        """
             
             result_msg = "🎉 Passed!" if passed else "Please try again"
             if not passed:
                 feedback_html += f"""
-<div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
-    <h3 style="color: #cc0000;">Please Try Again</h3>
-    <p>Your score: {score:.1f}%</p>
-    <p>You need 80% or higher to pass and receive a certificate.</p>
-</div>
-"""
+        <div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
+            <h3 style="color: #cc0000;">Please Try Again</h3>
+            <p>Your score: {score:.1f}%</p>
+            <p>You need 80% or higher to pass and receive a certificate.</p>
+        </div>
+        """
             
             return [
                 feedback_html,
@@ -791,9 +787,9 @@ def create_quiz_interface():
                 result_msg,
                 gr.update(visible=not passed),
                 gr.update(selected=1),
-                gr.update(visible=passed)  # Show view certificate button only if passed
+                gr.update(visible=passed)
             ]
-
+        
         def reset_quiz(text, num_questions):
             """Handle quiz reset"""
             return on_generate_questions(text, num_questions)
@@ -803,7 +799,7 @@ def create_quiz_interface():
             return gr.update(selected=2)
 
 # Event handlers
-        generate_btn.click(
+      generate_btn.click(
             fn=on_generate_questions,
             inputs=[text_input, num_questions],
             outputs=[
@@ -818,12 +814,11 @@ def create_quiz_interface():
                 results_group,
                 view_cert_btn
             ]
-        ).then(  # Force navigation to assessment tab
-            fn=lambda: gr.Tabs(selected=1),
+        ).then(
+            fn=lambda: gr.update(selected=1),
             outputs=tabs
         )
 
-        # Navigation handlers
         prev_btn.click(
             fn=handle_prev,
             inputs=[
@@ -860,14 +855,12 @@ def create_quiz_interface():
             ]
         )
 
-        # Answer state update
         current_options.change(
             fn=update_answer_state,
             inputs=[current_options, current_question_idx, answer_state],
             outputs=answer_state
         )
 
-        # Quiz submission
         submit_btn.click(
             fn=on_submit,
             inputs=[
@@ -887,7 +880,6 @@ def create_quiz_interface():
             ]
         )
 
-        # Reset quiz
         reset_btn.click(
             fn=reset_quiz,
             inputs=[text_input, num_questions],
@@ -905,27 +897,24 @@ def create_quiz_interface():
             ]
         )
 
-        # View certificate navigation
         view_cert_btn.click(
-            fn=lambda: gr.Tabs(selected=2),  # Directly navigate to certificate tab
+            fn=lambda: gr.update(selected=2),
             outputs=tabs
         )
 
-        # Back to assessment navigation
         back_to_assessment.click(
-            fn=lambda: gr.Tabs(selected=1),  # Navigate back to assessment tab
+            fn=lambda: gr.update(selected=1),
             outputs=tabs
         )
 
-        # Certificate generation
         score_display.change(
-            fn=quiz_app.certificate_generator.generate,
+            fn=lambda s, n, c, l, p: quiz_app.certificate_generator.generate(s, n, c, l, p) or gr.update(value=None),
             inputs=[score_display, name, course_name, company_logo, participant_photo],
             outputs=certificate_display
         )
-        
+
     return demo
 
 if __name__ == "__main__":
     demo = create_quiz_interface()
-    demo.launch()         
+    demo.launch()