Fix warning for webcam down and info for zip file

app.py

@@ -4,12 +4,15 @@ import datetime
 
 
 def add_image(camera, gallery):
-    if gallery:
+    if camera is None:
+        gr.Warning("No Camera Recording!")
+        return
+    if gallery is None:
+        return [camera]
+    else:
         images = gallery
         images.append(camera)
         return images
-    else:
-        return [camera]
 
 
 def zip_gallery(gallery):
@@ -26,46 +29,47 @@ def zip_gallery(gallery):
             count = count + 1
     except FileNotFoundError:
         print("Error Occurred!")
+        gr.Warning("Zip Error!")
     finally:
         zf.close()
+        gr.Info(f"Zip Complete. Name: {new_zip_name}")
 
     return gr.DownloadButton("Download", value=new_zip_name, visible=True)
 
 
 with gr.Blocks(fill_height=True) as demo:
     with gr.Row():
-        with gr.Column():
-            camera = gr.Image(type="pil", format="png", webcam_constraints={
-                              "video": {"width": 640, "height": 640}}, sources="webcam", mirror_webcam=False, scale=0)
-            catch_btn = gr.Button("Capture", scale=0)
-        with gr.Column():
-            preview_img = gr.Image(visible=False)
-            gr.Markdown(
-                """
-                # How to Use
-                
-                1. Open Camera on left side, then click "Record" button on the camera screen
+        gr.Markdown(
+            """
+            # How to Use
+            
+            1. Open Camera on left side, then click "Record" button on the camera screen
 
-                2. Click "Capture" button to capture image to gallery
+            2. Click "Capture" button to capture image to gallery
 
-                3. After capture all image, click "Zip file" button to zip images
+            3. After capture all image, click "Zip file" button to zip images
 
-                4. Download zip file by clicking "Download" button showed below
+            4. Download zip file by clicking "Download" button showed below
 
-                # 如何使用
-                
-                1. 點擊左側開啟攝影機，並按下"Record"按鈕讓攝影機能夠進行擷取
+            # 如何使用
+            
+            1. 點擊左側開啟攝影機，並按下"Record"按鈕讓攝影機能夠進行擷取
 
-                2. 點擊"Capture"按鈕，影像就會被擷取到下方的欄位中
+            2. 點擊"Capture"按鈕，影像就會被擷取到下方的欄位中
 
-                3. 擷取影像完畢後，點擊下方的"Zip file"按鈕將影像打包並壓縮
+            3. 擷取影像完畢後，點擊下方的"Zip file"按鈕將影像打包並壓縮
 
-                4. 按下隨後出現的"Download"按鈕就能下載打包好的壓縮檔
-                
-                """
-            )
+            4. 按下隨後出現的"Download"按鈕就能下載打包好的壓縮檔
+            
+            """
+        )
     with gr.Row():
         with gr.Column():
+            camera = gr.Image(type="pil", format="png", webcam_constraints={
+                              "video": {"width": 640, "height": 640}}, sources="webcam", mirror_webcam=False, scale=0)
+            catch_btn = gr.Button("Capture", scale=0)
+        with gr.Column():
+            preview_img = gr.Image(visible=False)
             gallery = gr.Gallery(
                 label="Collected images", show_label=False, elem_id="gallery", columns=[10], rows=[4], object_fit="contain", height="auto")
             zip_btn = gr.Button("Zip file")