added gradio_imageslider custom component

app.py

@@ -7,7 +7,7 @@ import torch
 import numpy as np
 import yaml
 from huggingface_hub import hf_hub_download
-#from gradio_imageslider import ImageSlider
+from gradio_imageslider import ImageSlider
 
 ## local code
 from models import instructir
@@ -80,8 +80,7 @@ def process_img (image, prompt):
     restored_img = np.clip(restored_img, 0. , 1.)
 
     restored_img = (restored_img * 255.0).round().astype(np.uint8)  # float32 to uint8
-    return Image.fromarray(restored_img) #(image, Image.fromarray(restored_img))
-
+    return (image, Image.fromarray(restored_img)) #Image.fromarray(restored_img)
 
 
 title = "InstructIR ✏️🖼️ 🤗"
@@ -139,7 +138,7 @@ demo = gr.Interface(
             gr.Image(type="pil", label="Input"),
             gr.Text(label="Prompt")
     ],
-    outputs=[gr.Image(type="pil", label="Ouput")],
+    outputs=ImageSlider(label="Restorated Image", type="pil"), 
     title=title,
     description=description,
     article=article,