Update app.py

app.py

@@ -127,20 +127,6 @@ def update_regions(provider):
     )
 
 def update_compute_options(provider, regeion):
-#    CPU [medium] · 2vCPU 4GB · Intel Ice Lake
-#    'https://api.endpoints.huggingface.cloud/provider/aws/region/us-east-1/compute'
-"""
-      "accelerator": "cpu",
-      "numAccelerators": 1,
-      "memoryGb": "2Gi",
-      "instanceType": "c6i",
-      "instanceSize": "small",
-      "architecture": "Intel Ice Lake",
-      "status": "available",
-      "pricePerHour": 0.06
-
-"""
-
     avalialbe_compute_options = []
 
     headers = {
@@ -151,10 +137,19 @@ def update_compute_options(provider, regeion):
 
     for compute in response.json()['items']:
         if compute['status'] == 'avaliable':
+            type = f"{compute['numAccelerators']}vCPU {compute['memoryGb'].replace("Gi", "GB")} · {compute['architecture']}" 
+                   if compute['accelerator'] == "cpu"
+                   else  f"{compute['numAccelerators']x {compute['architecture']}}"
+            
             avalialbe_compute_options.append(
-                f"{compute['accelerator'].upper()} []"
+                f"{compute['accelerator'].upper()} [{compute['instanceSize']}] · {type}"
             )
 
+    return gr.Dropdown.update(
+        choices=avalialbe_compute_options,
+        value=avalialbe_compute_options[0] if len(avalialbe_compute_options) > 0 else None
+    )
+
 
 with gr.Blocks() as demo2:
     gr.Markdown(
@@ -169,9 +164,9 @@ with gr.Blocks() as demo2:
     
     with gr.Row():
         provider_selector = gr.Dropdown(
+            providers
             label="select cloud provider",
             interactive=True,
-            choices=providers
         )
         
         region_selector = gr.Dropdown(
@@ -180,9 +175,16 @@ with gr.Blocks() as demo2:
             interactive=True,
             label="select a region"
         )
-        provider_selector.change(update_regions, inputs=provider_selector, outputs=region_selector)
-        # region_selector.update(interactive=True)
         
+        provider_selector.change(update_regions, inputs=provider_selector, outputs=region_selector)
+
+    compute_selector = gr.Dropdown(
+        [],
+        value="",
+        label="select compute instance type"
+        interactive=True
+    )
+    region_selector.change(update_compute_options, inputs=[provider_selector, region_selector], outputs=compute_selector)
 
 gr.TabbedInterface(
     [demoInterface, demo, demo2], ["Try-out", "🚀 Deploy on GCP", " Deploy on 🤗 Endpoint"]