feat: change gradio implementation

app.py

@@ -3,10 +3,6 @@ import gradio as gr
 from exposure_enhancement import enhance_image_exposure
 
 # inputs, fn, and ouputs
-inputs=[
-        gr.Image(type="numpy")
-]
-outputs=["image"]
 examples=[
     ["demo/1.jpg"],
     ["demo/2.bmp"]
@@ -18,14 +14,23 @@ def enhance_image(image, gamma=0.6, lambda_=0.15, sigma=3, lime=True, bc=1, bs=1
     
     return enhanced_image
 
+def update(name):
+    return f"Welcome to Gradio, {name}!"
 
-iface = gr.Interface(
-        fn=enhance_image, 
-        inputs=inputs,
-        outputs=outputs,
-        examples=examples
-    )
+with gr.Blocks() as demo:
+    gr.Markdown("Input an image below then click **Run** or use the cached examples for quick results. For quicker processing (typically 1-2 minutes), it's suggested to use low-exposure images of 500x500 pixels.")
+    with gr.Row():
+        inp = gr.Image(label="Input Image", type="numpy")
+        out = gr.Image(label="Enhanced Image", type="numpy")
+        
+    with gr.Row():
+        btn = gr.Button("Run")
+        btn.click(fn=enhance_image, inputs=inp, outputs=out)
+        btn = gr.ClearButton()
+        
+    with gr.Row():
+        gr.Examples(examples=examples, inputs=inp)
 
 
 if __name__ == "__main__":
-    iface.launch(share=True) 
+    demo.launch(share=True)