Update app.py

app.py

@@ -191,27 +191,37 @@ def CogMapAnalysis(text):
 
 # Create the GUI using the 'gr' library
 with gr.Blocks() as demo:
-    with gr.Column():
-        gr.Markdown('<div style="text-align: center;"><h1><strong>CogMApp</strong></h1></div> <div style="text-align: center;"><h3>Generate cognitive maps from text with one click!</h3></div>')
+    gr.Markdown('<div style="text-align: center;"><h1><strong>CogMApp</strong></h1></div> <div style="text-align: center;"><h3>Generate cognitive maps from text with one click!</h3></div>')
 
     with gr.Row():
-        inputs = gr.Textbox(label="Input", lines=2, placeholder="Enter your text here...")
-        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 enforcement in this country is due to its citizens's ignorance.",
-            "CogMApp is a tool that lets you create cognitive maps from text."
-        ]
-
-        output = gr.Textbox(label="CogMap", lines=1, placeholder=" ")
-        cogmap_plot = gr.Plot(label="Visualization")
-        interface = gr.Interface(fn=CogMapAnalysis, examples=examples, inputs=inputs, outputs=[output, cogmap_plot])
+        with gr.Column():
+            inputs = gr.Textbox(label="Input Text", lines=4, placeholder="Enter your text here...")
+            output = gr.Textbox(label="CogMap Output", lines=4, placeholder="Processed output appears here...", interactive=False)
+            submit_button = gr.Button("Submit")
+        with gr.Column():
+            cogmap_plot = gr.Plot(label="Visualization")
+            gr.Markdown("⚠️  Feel free to flag me if you find any errors. 🙂")
+
+    examples = [
+        "Public support for anti-discrimination laws and the movement to support immigrants grew due to the impact of 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 enforcement in this country is due to its citizens' ignorance.",
+        "CogMApp is a tool that lets you create cognitive maps from text."
+    ]
     
-    with gr.Row():
-        gr.Markdown("⚠️  Feel free to flag me if you find any errors. :)")
+    def update_output(input_text):
+        return CogMapAnalysis(input_text)
+    
+    submit_button.click(
+        fn=update_output,
+        inputs=inputs,
+        outputs=[output, cogmap_plot]
+    )
     
-    with gr.Column():
-        gr.Markdown('<p style="text-align: center; ">Demo made with ❤ by P.K. Ningrum (2024) | Contact: https://ningrumdaud.github.io/ </p>')
+    inputs.add_examples(examples, fn=CogMapAnalysis)
+
+    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>')
 
 if __name__ == "__main__":
     demo.launch(show_api=False, share=True)
+