Update app.py

app.py

@@ -192,49 +192,38 @@ def CogMapAnalysis(text):
 
 # Create the GUI using the 'gr' library
 
-def handle_flag(description):
-    # Placeholder for handling flags; log to a file or send to an endpoint
-    print(f"Flagged: {description}")
-    return "Thank you for your feedback!"
-
 with gr.Blocks() as demo:
     with gr.Row():
-        gr.Markdown('<div style="text-align: center;"><h1><strong>CogMApp</strong></h1></div>')
-        gr.Markdown('<div style="text-align: center;"><h3>Generate cognitive maps from text with one click!</h3></div>')
-
+        gr.Markdown("<h1 style='text-align: center;'><strong>CogMApp</strong></h1>")
+        gr.Markdown("<h3 style='text-align: center;'>Generate cognitive maps from text with one click!</h3>")
+    
     with gr.Row():
         inputs = gr.Textbox(label="Input", lines=2, placeholder="Enter your text here...")
-        submit_button = gr.Button("Submit")
-
-    with gr.Row():
         examples = [
             "Public support for anti-discrimination laws and the movement to support immigrants grew due to the impact of getting widespread education on social justice issues.",
             "The introduction of new anti-discrimination laws has been driven by an increasing awareness of social injustices and grassroots movements.",
             "The weak law enforcement in this country is due to its citizens's ignorance.",
             "CogMApp is a tool that lets you create cognitive maps from text."
         ]
-        for example in examples:
-            gr.Button(example, elem_id=f"example-{examples.index(example)}").click(
-                lambda x, btn=example: x, 
-                inputs=None, 
-                outputs=inputs
-            )
+        examples_dropdown = gr.Dropdown(label="Examples", choices=examples)
+        submit_button = gr.Button("Submit")
 
     with gr.Row():
-        output = gr.Textbox(label="CogMap", lines=1, placeholder="Generated CogMap here")
+        output = gr.Textbox(label="CogMap", lines=1, placeholder="Generated CogMap will appear here.")
+    
+    with gr.Row():
         cogmap_plot = gr.Plot(label="Visualization")
-        flag_description = gr.Textbox(label="Describe the issue", lines=2, placeholder="What's wrong?")
-        flag_button = gr.Button("Flag Issue")
 
     with gr.Row():
-        gr.Markdown("⚠️  Feel free to flag me if you find any errors. :)")
+        flag_notice = gr.Markdown("⚠️ Feel free to flag me if you find any errors. 🙂")
 
-    with gr.Row():
-        gr.Markdown('<p style="text-align: center; ">Demo made with ❤ by P.K. Ningrum (2024) | Contact: https://ningrumdaud.github.io/ </p>')
+    with gr.Column():
+        gr.Markdown('<p style="text-align: center;">Demo made with ❤ by P.K. Ningrum (2024) | Contact: <a href="https://ningrumdaud.github.io/">https://ningrumdaud.github.io/</a></p>')
 
-    # Connect the interface logic
+    # Linking the button to execute the function
     submit_button.click(CogMapAnalysis, inputs=[inputs], outputs=[output, cogmap_plot])
-    flag_button.click(handle_flag, inputs=[flag_description], outputs=[])
+    examples_dropdown.change(fn=lambda x: inputs.update(x), inputs=[examples_dropdown], outputs=[inputs])
 
 if __name__ == "__main__":
     demo.launch(show_api=False, share=True)
+