Update app.py

app.py

@@ -88,22 +88,34 @@ def process_food_result(image, language,progress= gr.Progress()):
 
     # Generate output in the selected language
     
-    
-       # For English output
+
     output_en = f"""
-        <div style='text-align: left;'>
-            <b>Food</b>: {food_item}<br>
-            <b>Serving Size</b>: {serving_size_text_en}<br>
-            <b>Calories</b>: {calories} kcal<br>
-            <b>Protein</b>: {protein}g<br>
-            <b>Carbohydrates</b>: {carbs}g<br>
-            <b>Sugars</b>: {sugars}g<br>
-            <b>Fiber</b>: {fiber}g<br>
-            <b>Sodium</b>: {sodium}mg<br>
-            <b>Fat</b>: {fat}g
-        </div>
+        Food: {food_item}
+        Serving Size: {serving_size_text_en}
+        Calories: {calories} kcal
+        Protein: {protein}g
+        Carbohydrates: {carbs}g
+        Sugars: {sugars}g
+        Fiber: {fiber}g
+        Sodium: {sodium}mg
+        Fat: {fat}g 
         """
     return output_en
+    #    # For English output
+    # output_en = f"""
+    #     <div style='text-align: left;'>
+    #         <b>Food</b>: {food_item}<br>
+    #         <b>Serving Size</b>: {serving_size_text_en}<br>
+    #         <b>Calories</b>: {calories} kcal<br>
+    #         <b>Protein</b>: {protein}g<br>
+    #         <b>Carbohydrates</b>: {carbs}g<br>
+    #         <b>Sugars</b>: {sugars}g<br>
+    #         <b>Fiber</b>: {fiber}g<br>
+    #         <b>Sodium</b>: {sodium}mg<br>
+    #         <b>Fat</b>: {fat}g
+    #     </div>
+    #     """
+    # return output_en
 
 # Gradio interface function
 def gradio_function(image, language):
@@ -116,7 +128,7 @@ def gradio_function(image, language):
 iface = gr.Interface(
     fn=gradio_function, # Function to call
     inputs=[gr.Image(type="pil", label="Upload an image")], # Input: Dropdown for language selection
-    outputs=gr.HTML(label="Food and Nutrition Information"), # Output: HTML for displaying nutrition info
+    outputs=gr.textbox(label="Food and Nutrition Information"), # Output: HTML for displaying nutrition info
     title="Bilingual Food Recognition and Nutrition Info Tool", # Title of the Gradio interface
     description="Upload an image of food, and the tool will recognize it and provide nutritional information in both English or Arabic languages." # Description of the tool
 )