Switching from interface to blocks

app.py

@@ -38,12 +38,27 @@ description = "A simple Gradio interface to query receipts using RAG"
 examples = [["data/receipt_00000.JPG", 7.7],
             ["data/receipt_00001.jpg", 7.7]]
 
-demo = gr.Interface(inference, 
-                    inputs = [gr.Image(width=320, height=320, label="Input Receipt"), 
-                              gr.Slider(0, 10, 7.7, 0.1, label="Width Threshold to merge bounding boxes")],
-                    outputs= [gr.Textbox(label="OCR Output", type="text")],
-                    title=title,
-                    description=description,
-                    examples=examples)
+with gr.Blocks() as demo:
+    gr.Markdown(f"# {title}\n{description}")
+    image = gr.Image(width=320, height=320, label="Input Receipt")
+    width_ths = gr.Slider(0, 10, 7.7, 0.1, label="Width Threshold to merge bounding boxes")
+
+    ocr_out = gr.Textbox(label="OCR Output", type="text")
+
+    submit_btn = gr.Button("Submit")
+    clear_btn = gr.ClearButton("Clear")
+
+    submit_btn.click(inference, inputs=[image, width_ths], outputs=ocr_out)
+    clear_btn.click(lambda: [None, 7.7], outputs=ocr_out)
+
+    examples_obj = gr.Examples(examples=examples, inputs=[image, width_ths])
+
+# demo = gr.Interface(inference, 
+#                     inputs = [gr.Image(width=320, height=320, label="Input Receipt"), 
+#                               gr.Slider(0, 10, 7.7, 0.1, label="Width Threshold to merge bounding boxes")],
+#                     outputs= [gr.Textbox(label="OCR Output", type="text")],
+#                     title=title,
+#                     description=description,
+#                     examples=examples)
 
 demo.launch()