Update app.py

app.py

@@ -1,9 +1,8 @@
-import streamlit as st
+import gradio as gr
 from PIL import Image
 import requests
 import openpyxl
 from openpyxl import load_workbook
-
 all_content = []
 
 def append_to_excel(content):
@@ -80,6 +79,8 @@ def get_qr_code(context_bank):
     
     qr_image = Image.open("qr_code.png")
 
+
+
     return qr_image
 
 def display_info():
@@ -90,8 +91,8 @@ def display_info():
     
     # Ảnh QR code
     
+    
     return account_name, account_number, content
-
 def check_payment_status(content):
     # Giả sử kiểm tra trạng thái thanh toán và trả về thông báo
     print("content", content)
@@ -104,21 +105,32 @@ def check_payment_status(content):
         else:
             return "Tao chưa nhận được xiền, gửi lại mau thồn lằng"
 
-# Streamlit UI
-st.title("Ứng dụng Chuyển Khoản")
-account_name, account_number, content = display_info()
-
-qr_image = st.empty()
-st.text_input("Tên tài khoản:", value=account_name)
-st.text_input("Số tài khoản:", value=account_number)
-content_input = st.text_input("Nội dung:", value="chuyển khoản")
-get_qr_button = st.button("Lấy mã qr")
-if get_qr_button:
-    qr_image.image(get_qr_code(content_input), caption="QR Code")
 
-payment_status_output = st.empty()
-check_status_button = st.button("Check Trạng Thái Thanh Toán")
-if check_status_button:
-    payment_status_output.text(check_payment_status(content_input))
-
-st.markdown("© 2024 Trần Đình Nhật")
+    
+# Tạo form Gradio
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            qr_image = gr.Image(label="QR Code", type="pil")
+        with gr.Column():
+            account_name = gr.Textbox(label="Tên tài khoản:", value="Trần Đình Nhật", interactive=False)
+            account_number = gr.Textbox(label="Số tài khoản:", value="738999918092007", interactive=False)
+            content = gr.Textbox(label="Nội dung:", value="chuyển khoản", interactive=True)
+
+            get_qr_button = gr.Button("Lấy mã qr")
+            get_qr_button.click(get_qr_code, inputs=content, outputs=qr_image)
+
+
+            payment_status_output = gr.Textbox(label="Trạng Thái Thanh Toán", interactive=False)
+            check_status_button = gr.Button("Check Trạng Thái Thanh Toán")
+            check_status_button.click(check_payment_status, inputs=content, outputs=payment_status_output)
+
+        
+    with gr.Row():
+        gr.Markdown("© 2024 Trần Đình Nhật")
+    # Hiển thị thông tin và ảnh
+    get_qr_code(content)
+    demo.load(display_info, outputs=[account_name, account_number, content])
+
+# Chạy ứng dụng
+demo.launch(inline=False)