Update app.py

app.py

@@ -19,12 +19,12 @@ with gr.Blocks(theme='Taithrah/Minimal') as demo:
         with gr.Column(scale=3):
             with gr.Group():
                 dropdown.render()
-                toggle_dark = gr.Button(value="Toggle Dark", scale=1)
+                toggle_dark = gr.Button(value="Toggle Dark")
 
-    dropdown.change(lambda value: None, dropdown, None)
+    dropdown.change(None, dropdown, None, js=js)
     toggle_dark.click(
         None,
-        _js="""
+        js="""
         () => {
             document.body.classList.toggle('dark');
         }
@@ -65,31 +65,27 @@ with gr.Blocks(theme='Taithrah/Minimal') as demo:
             img = gr.Image(
                 "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg",
                 label="Image",
-            ).style(height=320)
+                height=320,
+            )
             with gr.Row():
-                go_btn = gr.Button("Go", label="Primary Button", variant="primary")
-                clear_btn = gr.Button(
-                    "Clear", label="Secondary Button", variant="secondary"
-                )
+                go_btn = gr.Button("Go", variant="primary")
+                clear_btn = gr.Button("Clear", variant="secondary")
 
-                def go(*args):
+                def go(*_args):
                     time.sleep(3)
-                    return "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpgjpg"
+                    return "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg"
 
                 go_btn.click(go, [radio, drop, drop_2, check, name], img, api_name="go")
 
                 def clear():
                     time.sleep(0.2)
-                    return None
 
                 clear_btn.click(clear, None, img)
 
             with gr.Row():
-                btn1 = gr.Button("Button 1").style(size="sm")
-                btn2 = gr.UploadButton().style(size="sm")
-                stop_btn = gr.Button("Stop", label="Stop Button", variant="stop").style(
-                    size="sm"
-                )
+                btn1 = gr.Button("Button 1", size="sm")
+                btn2 = gr.UploadButton(size="sm")
+                stop_btn = gr.Button("Stop", size="sm", variant="stop")
 
     with gr.Row():
         gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
@@ -115,18 +111,15 @@ with gr.Blocks(theme='Taithrah/Minimal') as demo:
                     "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
                     "tower",
                 ),
-            ]
-        ).style(height="200px", grid=2)
+            ],
+            height=200,
+        )
 
     with gr.Row():
         with gr.Column(scale=2):
             chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot")
             chat_btn = gr.Button("Add messages")
 
-            def chat(history):
-                time.sleep(2)
-                yield [["How are you?", "I am good."]]
-
             chat_btn.click(
                 lambda history: history
                 + [["How are you?", "I am good."]]
@@ -143,4 +136,4 @@ with gr.Blocks(theme='Taithrah/Minimal') as demo:
 
 
 if __name__ == "__main__":
-    demo.queue().launch()
+    demo.queue().launch()