Update app.py

app.py

@@ -1,3 +1,8 @@
+It seems like there's an issue with the code where `State` object is being used incorrectly. The error indicates that the `State` object doesn't have a `change` attribute.
+
+Let's correct this by using the appropriate method to update the state. Here's the modified code:
+
+```python
 import numpy as np
 import gradio as gr
 import requests
@@ -157,13 +162,13 @@ body {
 """
 
 with gr.Blocks(css=css) as demo:
-    state = gr.State(value="Welcome Screen")
+    state = gr.InterfaceState(value="Welcome Screen")
 
     def update_visibility(tab_state):
-        return gr.Tabs.update(visible=(tab_state == "Main Generation Screen"))
+        return tab_state == "Main Generation Screen"
 
     with gr.Tabs() as tabs:
-        with gr.TabItem("Welcome Screen"):
+        with gr.Tab("Welcome Screen"):
             with gr.Row():
                 logo = gr.Image(
                     value="http://disneypixaraigenerator.com/wp-content/uploads/2023/12/cropped-android-chrome-512x512-1.png",
@@ -173,64 +178,34 @@ with gr.Blocks(css=css) as demo:
                 )
 
             with gr.Row():
-                title = gr.Markdown("<h1 style='text-align: center;'>Disney Pixar AI Generator</h1>", elem_id="title")
+                title = gr.Textbox("<h1 style='text-align: center;'>Disney Pixar AI Generator</h1>", elem_id="title")
 
             with gr.Row():
                 start_button = gr.Button("Get Started", variant='primary', elem_id="start-button")
 
-        with gr.TabItem("Main Generation Screen"):
+        with gr.Tab("Main Generation Screen"):
             with gr.Row():
-                gr.Markdown("<h1 style='text-align: center;'>Create Your Disney Pixar AI Poster</h1>", elem_id="title")
+                gr.Textbox("<h1 style='text-align: center;'>Create Your Disney Pixar AI Poster</h1>", elem_id="title")
 
-            with gr.Row(elem_id="image-output-container"):
+            with gr.Row():
                 image_output = gr.Image(
                     value="https://cdn-uploads.huggingface.co/production/uploads/noauth/XWJyh9DhMGXrzyRJk7SfP.png",
                     label="Generated Image",
                     elem_id="image-output"
                 )
 
-            with gr.Row(elem_id="settings"):
-                with gr.Column(scale=1, min_width=300, elem_classes="setting-group"):
-                    prompt = gr.Textbox(
-                        "space warrior, beautiful, female, ultrarealistic, soft lighting, 8k",
-                        placeholder="Enter your prompt here...", 
-                        show_label=False, 
-                        lines=3, 
-                        elem_id="prompt-input"
-                    )
-                    negative_prompt = gr.Textbox(
-                        placeholder="Enter negative prompts (optional)...", 
-                        show_label=False, 
-                        lines=3, 
-                        value="3d, cartoon, anime, (deformed eyes, nose, ears, nose), bad anatomy, ugly"
-                    )
-                    text_button = gr.Button("Generate", variant='primary', elem_id="generate") 
-
-                with gr.Column(scale=1, min_width=300, elem_classes="setting-group"):
-                    model = gr.Dropdown(
-                        interactive=True,
-                        value="sd_xl_base_1.0.safetensors [be9edd61]", 
-                        show_label=True, 
-                        label="Model", 
-                        choices=prodia_client.list_models()
-                    )
-                    sampler = gr.Dropdown(
-                        value="DPM++ 2M Karras", 
-                        show_label=True, 
-                        label="Sampling Method", 
-                        choices=prodia_client.list_samplers()
-                    )
-                    steps = gr.Slider(label="Sampling Steps", minimum=1, maximum=25, value=20, step=1)
-
-                with gr.Column(scale=1, min_width=300, elem_classes="setting-group"):
-                    width = gr.Slider(label="Width", minimum=512, maximum=1536, value=1024, step=8)
-                    height = gr.Slider(label="Height", minimum=512, maximum=1536, value=1024, step=8)
-                    cfg_scale = gr.Slider(label="CFG Scale", minimum=1, maximum=20, value=7, step=1)
-                    seed = gr.Number(label="Seed", value=-1)
-
-    text_button.click(flip_text, inputs=[prompt, negative_prompt, model, steps, sampler, cfg_scale, width, height, seed], outputs=image_output)
-    start_button.click(fn=lambda: "Main Generation Screen", inputs=None, outputs=state)
-    state.change(fn=update_visibility, inputs=state, outputs=tabs)
-
-# Launch the Gradio app
-demo.launch(max_threads=128)
+            with gr.Row():
+                prompt = gr.Textbox(
+                    "space warrior, beautiful, female, ultrarealistic, soft lighting, 8k",
+                    placeholder="Enter your prompt here...", 
+                    show_label=False, 
+                    lines=3, 
+                    elem_id="prompt-input"
+                )
+                negative_prompt = gr.Textbox(
+                    placeholder="Enter negative prompts (optional)...", 
+                    show_label=False, 
+                    lines=3, 
+                    value="3d, cartoon, anime, (deformed eyes, nose, ears, nose), bad anatomy, ugly"
+                )
+