Update app.py

app.py

@@ -64,7 +64,7 @@ STYLE = """
   margin-right: 70px;
 }
 
-#test-elem {
+#initial-popup {
     z-index: 100;
     position: absolute;
     width: 50%;
@@ -137,7 +137,11 @@ function() {
       history.push([element.ping, element.pong])
     );    
   }
-  console.log(history);
+
+  if(history.length == 0) {
+    document.querySelectorAll("#initial-popup")[0].style.display = "block"
+  }
+
   return [history, local_data];
 }
 """
@@ -150,7 +154,7 @@ def add_pingpong(idx, ld, ping):
 
   ppm = res[idx]
   ppm.add_pingpong(PingPong(ping, "dang!!!!!!!"))
-  return ppm.build_uis(), str(res)
+  return ppm.build_uis(), str(res), gr.update(visible=False)
 
 def set_chatbot(btn, ld):
   choice = 0
@@ -192,7 +196,7 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
           fifth = gr.Button("5th", elem_classes=["custom-btn"])
           
     with gr.Column(scale=8, elem_id="right-pane"):
-      with gr.Column(elem_id="test-elem", visible=False) as example_block:
+      with gr.Column(elem_id="initial-popup", visible=False) as example_block:
         with gr.Row(scale=1):
           with gr.Column(elem_id="initial-popup-left-pane"):
             gr.Markdown("GradioChat", elem_id="initial-popup-title")
@@ -206,7 +210,7 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
           with gr.Row():
             ex_btn1 = gr.Button("hello world", elem_classes=["example-btn"])
             ex_btn2 = gr.Button("what's up?", elem_classes=["example-btn"])
-            ex_btn3 = gr.Button("this is a GradioChat", elem_classes=["example-btn"])
+            ex_btn3 = gr.Button("this is GradioChat", elem_classes=["example-btn"])
 
       chatbot = gr.Chatbot(elem_id='chatbot')
       instruction_txtbox = gr.Textbox(
@@ -233,7 +237,7 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
   instruction_txtbox.submit(
     add_pingpong,
     [idx, local_data, instruction_txtbox],
-    [chatbot, local_data]
+    [chatbot, local_data, example_block]
   ).then(
     None, local_data, None, 
     _js="(v)=>{ setStorage('local_data',v) }"