Update app.py

app.py

@@ -47,6 +47,11 @@ STYLE = """
     font-weight: bold;
     font-size: large;    
 }
+
+#chat-history-accordion {
+    background: transparent;
+    border: 0.8px !important;  
+}
 """
 
 get_local_storage = """
@@ -143,11 +148,12 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
       gr.Markdown("GradioChat", elem_id="left-top")
         
       with gr.Column(elem_id="left-pane"):
-        first = gr.Button("1st", elem_classes=["custom-btn"])
-        second = gr.Button("2nd", elem_classes=["custom-btn"])
-        third = gr.Button("3rd", elem_classes=["custom-btn"])
-        fourth = gr.Button("4th", elem_classes=["custom-btn"])
-        fifth = gr.Button("5th", elem_classes=["custom-btn"])
+        with gr.Accordion("Histories", elem_id="chat-history-accordion"):
+          first = gr.Button("1st", elem_classes=["custom-btn"])
+          second = gr.Button("2nd", elem_classes=["custom-btn"])
+          third = gr.Button("3rd", elem_classes=["custom-btn"])
+          fourth = gr.Button("4th", elem_classes=["custom-btn"])
+          fifth = gr.Button("5th", elem_classes=["custom-btn"])
           
     with gr.Column(scale=8):
       chatbot = gr.Chatbot(elem_id='chatbot')