Update app.py

app.py

@@ -617,11 +617,17 @@ def create_quiz_interface():
                             variant="primary",
                             size="lg"
                         )
-                    
+
                     # Results Section in Assessment Tab
                     with gr.Column(visible=False) as results_group:
-                        result_message = gr.Markdown("")  # Added this component
-                        feedback_box = gr.Markdown("")
+                        result_message = gr.Markdown(
+                            label="Result",
+                            show_label=True
+                        )
+                        feedback_box = gr.Markdown(
+                            label="Detailed Feedback",
+                            show_label=True
+                        )
                         gr.Markdown("---")  # Separator
                         with gr.Row(equal_height=True):
                             reset_btn = gr.Button(
@@ -635,7 +641,8 @@ def create_quiz_interface():
                                 variant="primary",
                                 size="lg",
                                 visible=False
-                            )
+                            )                    
+
             
             # Certification Tab
             with gr.Tab(id=3, label="🎓 Step 3: Get Certified"):
@@ -749,7 +756,7 @@ def create_quiz_interface():
             return navigate(1, current_idx, questions, answers, current_answer)
         
         def on_submit(questions, answers, current_idx, current_answer):
-            """Handle quiz submission with proper Markdown rendering"""
+            """Handle quiz submission with proper Markdown rendering and emojis"""
             final_answers = list(answers)
             if 0 <= current_idx < len(final_answers):
                 final_answers[current_idx] = current_answer
@@ -763,54 +770,56 @@ def create_quiz_interface():
                     gr.update(visible=True),
                     gr.update(visible=True),
                     gr.update(visible=False),
-                    gr.update(visible=False),
                     gr.update(visible=False)
                 ]
             
             score, passed, feedback = quiz_app.calculate_score(final_answers[:len(questions)])
             
-            # Create feedback content using pure Markdown
+            # Create feedback content using proper Markdown with emojis
             feedback_content = f"""# Assessment Results
         
-        Score: {score:.1f}%
+        **Score: {score:.1f}%**
         
         """
             
             for i, (q, f) in enumerate(zip(questions, feedback)):
+                icon = "✅" if f.is_correct else "❌"
+                color = "green" if f.is_correct else "red"
+                
+                # Using markdown syntax with color formatting
                 feedback_content += f"""### Question {i+1}
         {q.question}
         
-        {':white_check_mark:' if f.is_correct else ':x:'} Your answer: {f.selected or 'No answer'}
-        {'' if f.is_correct else f'Correct answer: {f.correct_answer}'}
+        {icon} **Your answer:** {f.selected or 'No answer'}
+        {'' if f.is_correct else f'**Correct answer:** {f.correct_answer}'}
         
         """
             
-            # Add summary box using pure Markdown
+            # Add summary box
             if passed:
                 feedback_content += f"""
         ---
-        # 🎉 Congratulations!
+        ## 🎉 Congratulations!
         You passed with a score of {score:.1f}%!
         """
             else:
                 feedback_content += f"""
         ---
-        # Need to improve
+        ## Need Improvement
         You scored {score:.1f}%. You need 80% or higher to pass.
         Please try again.
         """
             
             return [
                 feedback_content,                # feedback_box
-                gr.update(visible=True),        # results_group 
-                score,                          # score_display
-                "🎉 Passed!" if passed else "Please try again",  # result_message
-                gr.update(visible=False),       # question_box
-                gr.update(visible=not passed),  # reset_btn
-                gr.update(visible=passed),      # view_cert_btn
-                gr.update(visible=True),        # back_to_assessment
-                gr.update(visible=False)        # profile_tab
-            ] 
+                gr.update(visible=True),         # results_group
+                score,                           # score_display
+                f"Score: {score:.1f}%",         # result_message
+                gr.update(visible=False),        # question_box
+                gr.update(visible=not passed),   # reset_btn
+                gr.update(visible=passed),       # view_cert_btn
+                gr.update(selected=2)            # tabs
+            ]
             
         # Event Handlers
         generate_btn.click(