Added webcam and image tabs

app.py

@@ -1,10 +1,15 @@
 from model_utils import detect_face
 import gradio as gr
 import numpy as np
+import os
 
 # Function to run the app
 
 
+def set_image(image):
+    return gr.Image.update(value=image[0][0])
+
+
 def run_model(image: np.ndarray):
     return gr.Image.update(value=detect_face(image))
 
@@ -36,25 +41,52 @@ def interface() -> None:
         """
         )
         with gr.Group():
-            with gr.Row():
-                with gr.Column():
-                    with gr.Row():
-                        webcam_image_in = gr.Webcam(label="Webcam input")
-                    with gr.Row():
-                        gr.Text(
-                            label="⚠️ Reminder ", value="Do not forget to click the camera button to freeze and get the webcam image 📷!", interactive=False)
-                with gr.Column():
+            with gr.Tabs():
+                with gr.TabItem("Image input 🖼️"):
                     with gr.Row():
-                        face_detected_image_out = gr.Image(
-							label="Face detected", interactive=False)
-                    with gr.Row():
-                        detect_button = gr.Button(value="Detect face 👤")
+                        with gr.Column():
+                            with gr.Row():
+                                image_in = gr.Image(
+                                    label="Image input", interative=True)
+                            with gr.Row():
+                                paths = [["examples/" + example]
+                                         for example in os.listdir("examples")]
+                                example_images = gr.Dataset(components=([image_in]), label="Example images", samples=[[path]
+                                                                                                                      for path in paths])
+                            with gr.Row():
+                                detect_image_button = gr.Button(
+                                    value="Detect face 👤")
+                        with gr.Column():
+                            with gr.Row():
+                                face_detected_image_out = gr.Image(
+                                    label="Face detected", interactive=False)
+
+                            example_images.click(fn=set_image, inputs=[
+                                                 example_images], outputs=[image_in])
+                            detect_image_button.click(fn=run_model, inputs=[
+                                image_in], outputs=face_detected_image_out)
 
-                    detect_button.click(fn=run_model, inputs=[
-						webcam_image_in], outputs=face_detected_image_out)
+                with gr.TabItem("Webcam input 📷"):
+                    with gr.Row():
+                        with gr.Column():
+                            with gr.Row():
+                                webcam_image_in = gr.Webcam(
+                                    label="Webcam input")
+                            with gr.Row():
+                                gr.Text(
+                                    label="⚠️ Reminder ", value="Do not forget to click the camera button to freeze and get the webcam image 📷!", interactive=False)
+                            with gr.Row():
+                                detect_button = gr.Button(
+                                    value="Detect face 👤")
+                        with gr.Column():
+                            with gr.Row():
+                                face_detected_webcam_out = gr.Image(
+                                    label="Face detected", interactive=False)
+                            detect_button.click(fn=run_model, inputs=[
+                                webcam_image_in], outputs=face_detected_webcam_out)
 
         app.launch()
 
 
 if __name__ == '__main__':
-    interface()  # Run the interface
+    interface()  # Run the interface