Update app.py

app.py

@@ -119,7 +119,7 @@ def details_fn(query):
     except Exception as e:
         format_out = "None"
         print (e)
-    return out,format_out
+    return out,format_out,title,description
 
 def first():
     out = '''<h1>Loading'''
@@ -209,7 +209,8 @@ function() {
     return [link_url];
 }
 """
-
+def update_im(im=None):
+    return im
 
 with gr.Blocks() as app:
     gr.HTML("""<h1>Interactive Social Media Card Maker</h1>""")
@@ -222,15 +223,25 @@ with gr.Blocks() as app:
         input = gr.Textbox(label = "URL")
         btn = gr.Button("Preview")
     details = gr.HTML("""""")
-    output = gr.HTML("""""")
-    gr.HTML("""<h3><b>Step 2:</b> Select the Image to use on the Social Card</h3>""")
-    images = gr.HTML("""""")
+    with gr.Accordion("Iframe"):
+        output = gr.HTML("""""")
+    gr.HTML("""<h3><b>Step 2:</b> Select the Image to use on the Card</h3>""")
+    with gr.Accordion("Images"):
+        images = gr.HTML("""""")
+    gr.HTML("""<h3><b>Step 3:</b> Build the Card </h3>""")
+
     with gr.Row() as im_row:
-        txt_btn=gr.Button("Link")
-        link_list=gr.Textbox()
+        with gr.Column():
+            title=gr.Textbox(label="Title")
+            description=gr.Textbox(label="Description")
+            link_list=gr.Textbox(label="Image URL")
+            
+        with gr.Column():
+            prvw_btn=gr.Button("Update")
+            bld_btn=gr.Button("Build Card")
     app.load(None,None,link_list,js=load_js)
     app.load(None,None,link_list,js=link_js)
-    images.change(None,None,link_list,trigger_mode="multiple",js=link_js)
+    images.change(update_im,None,link_list,trigger_mode="multiple",js=link_js)
     search_btn.click(search_fn,[search_box,num_return],output)
-    btn.click(first,None,output).then(test_single,input,output).then(details_fn,input,[details,images])
+    btn.click(first,None,output).then(test_single,input,output).then(details_fn,input,[details,images,title,description])
 app.launch()