Update app.py

app.py

@@ -48,11 +48,23 @@ def get_results(image):
     requestInfo = data['requestInfo']
 
     # Return the values as a list
-    return [firstName, secondName, address1, address2, nationalIdNumber, timeOfResponse, requestInfo]
+    return {
+        "First Name": firstName,
+        "Second Name": secondName,
+        "Address 1": address1,
+        "Address 2": address2,
+        "National ID Number": nationalIdNumber,
+        "Time of Response": timeOfResponse,
+        "Request Info": requestInfo
+    }
 
-# Define the input and output components for Gradio
+# Define the input component for Gradio
 image_input = gr.inputs.Image()  # Adjust the shape according to your requirements
-output_component = gr.outputs.Label()
+
+# Define the output components for Gradio
+output_components = []
+for label in ["First Name", "Second Name", "Address 1", "Address 2", "National ID Number", "Time of Response", "Request Info"]:
+    output_components.append(gr.outputs.TextboxOutput(label=label))
 
 # Launch the Gradio interface
-gr.Interface(fn=get_results, inputs=image_input, outputs=output_component).launch()
+gr.Interface(fn=get_results, inputs=image_input, outputs=output_components).launch(share=True)