Update app.py

app.py

@@ -231,7 +231,7 @@ with gr.Blocks() as demo2:
         show_label=False,
         type="password"
     )
-    with gr.Column():
+    with gr.Tab("Info"):
         gr.Markdown("""
         ### All Deployed Endpoints
         """)
@@ -247,11 +247,11 @@ with gr.Blocks() as demo2:
         )
     
     # Deploy Endpoint
-    gr.Markdown(
-    """
-    ### <br><center style="color:green">(Deploy Your Model on 🤗 Endpoint)</center>
-    """)
-    with gr.Column():
+    with gr.Tab("Deploy Endpoint"):
+        gr.Markdown(
+        """
+        ### <br><center style="color:green">(Deploy Your Model on 🤗 Endpoint)</center>
+        """)
         gr.Markdown("""    
         #### Endpoint Name
         """)
@@ -374,7 +374,6 @@ with gr.Blocks() as demo2:
                 interactive=True,
                 show_label=False,
             )
-        
         submit_button = gr.Button(
             value="Submit",
         )
@@ -402,10 +401,10 @@ with gr.Blocks() as demo2:
             outputs=status_txt)    
 
     # Update Endpoint
-    gr.Markdown("""
-    ### <br><center style="color:green">(Update 🔁 Endpoint)</center>
-    """)
-    with gr.Column():
+    with gr.Tab("Update Endpoint"):
+        gr.Markdown("""
+        ### <br><center style="color:green">(Update 🔁 Endpoint)</center>
+        """)
         update_providers = avaliable_providers()
         with gr.Row():
             gr.Markdown("""    
@@ -492,10 +491,10 @@ with gr.Blocks() as demo2:
         )
     
     # Delete Endpoint
-    gr.Markdown("""
-    ### <br><center style="color:green">(Delete 🗑️ Endpoint)</center>
-    """)
-    with gr.Column():
+    with gr.Tab("Delete Endpoint"):
+        gr.Markdown("""
+        ### <br><center style="color:green">(Delete 🗑️ Endpoint)</center>
+        """)
         gr.Markdown("""    
         #### Endpoint Name
         """)
@@ -521,11 +520,11 @@ with gr.Blocks() as demo2:
         )
     
     # Pricing Table
-    gr.Markdown("""
-        ### <br><center style="color:green">(Instance Pricing Table)</center>
-        #### Pricing Table(CPU) - 2023/2/22
-        """)
-    with gr.Column():
+    with gr.Tab("Pricing Table"):
+        gr.Markdown("""
+            ### <br><center style="color:green">(Instance Pricing Table)</center>
+            #### Pricing Table(CPU) - 2023/2/22
+            """)
         gr.Dataframe(
             headers=["provider", "size", "$/h", "vCPUs", "Memory", "Architecture"],
             datatype=["str", "str", "str", "number", "str", "str"],
@@ -562,6 +561,4 @@ with gr.Blocks() as demo2:
             ]
         )    
 
-gr.TabbedInterface(
-    [demo2], ["HF Endpoint Tool"]
-).launch(enable_queue=True)
+demo2.launch()