Update app.py

app.py

@@ -385,7 +385,6 @@ with gr.Blocks() as demo:
         with gr.Column(scale=1, min_width=100):
             gr.Markdown("""
             """)
-    
     with gr.Row():
         with gr.Column(scale=1, min_width=100):
             gr.Markdown("""
@@ -406,34 +405,34 @@ with gr.Blocks() as demo:
                 
             with gr.Tab("Dataset"):
                 gr.Markdown("""
-                    _As we are currently updating this demo, submitting your own data is unavailable for the moment._    
-                    _Try out the showcase mode._
-                    """)
+                _As we are currently updating this demo, submitting your own data is unavailable for the moment._
+                _Try out the showcase mode._
+                """)
                 with gr.Row():
-                    with gr.Column():
+                    with gr.Column(scale=0.75):
                         demo_btn = gr.Button("Showcase with example data", variant="primary")
-                    with gr.Column():
+                    with gr.Column(scale=1):
                         gr.Markdown("""
                             #### Run in showcase mode or use your own data
                             Try out the demo in showcase mode, which uses example data (609,206 tweets about the COVID-19 pandemic) with all the options provided by the demo, or upload your own dataset.
                             """)
                 with gr.Row():
-                    with gr.Column():
+                    with gr.Column(scale=0.75):
                         input_file = gr.File(
                             label="Upload a dataset")
                         input_checks = gr.CheckboxGroup(
                             ["emotion frequencies", "emotion distribution over time", "peaks", "topics"],
                             label = "Select options")
                         send_btn = gr.Button("Submit data")
-                    with gr.Column():
+                    with gr.Column(scale=1):
                         gr.Markdown("""
                             #### Data format
                             The data should be in tsv-format with two named columns: the first column (id) should contain the sentence IDs, and the second column (text) should contain the actual texts. Optionally, there is a third column named 'date', which specifies the date associated with the text (e.g., tweet date). This column is necessary when the options 'emotion distribution over time' and 'peaks' are selected. For now, we only accept files with maximum 400 sentences and a limit of 300 tokens per sentence.
                             
                             #### Options
-                            **Emotion frequencies** outputs a bar plot with the prediction frequencies of each emotion category (anger, fear, joy, love, sadness or neutral).    
-                            **Emotion distribution over time** outputs a line plot that visualises the frequency of predicted emotions over time for each emotion category.    
-                            **Peaks** outputs a step graph that only shows the significant fluctuations (upwards and downwards) in emotion frequencies over time.    
+                            **Emotion frequencies** outputs a bar plot with the prediction frequencies of each emotion category (anger, fear, joy, love, sadness or neutral).
+                            **Emotion distribution over time** outputs a line plot that visualises the frequency of predicted emotions over time for each emotion category.
+                            **Peaks** outputs a step graph that only shows the significant fluctuations (upwards and downwards) in emotion frequencies over time.
                             **Topics** uses [BERTopic](https://maartengr.github.io/BERTopic/index.html) to find topics in the datasets, and outputs a bar plot that shows the emotion distribution per topic.
                             """)
                 with gr.Row():
@@ -462,17 +461,18 @@ with gr.Blocks() as demo:
                         next_button_topics = gr.Button("Show topics", visible=False)
                         
                         output_topics = gr.Plot(show_label=False, visible=False)
-                    
+                        
                 #send_btn.click(fn=file, inputs=[input_file,input_checks], outputs=[output_file,next_button_freq,next_button_dist,next_button_peaks,next_button_topics])
                 next_button_freq.click(fn=freq, inputs=[output_file,input_checks], outputs=[output_plot,next_button_dist,next_button_peaks,next_button_topics])
                 next_button_dist.click(fn=dist, inputs=[output_file,input_checks], outputs=[output_dist,next_button_peaks,next_button_topics])
                 next_button_peaks.click(fn=peaks, inputs=[output_file,input_checks], outputs=[output_peaks,next_button_topics])
                 next_button_topics.click(fn=topics, inputs=[output_file,input_checks], outputs=output_topics)
-                send_btn.click(fn=unavailable, inputs=[input_file,input_checks], outputs=message)
-                demo_btn.click(fn=showcase, inputs=[input_file], outputs=[message,output_file,next_button_freq,next_button_dist,next_button_peaks,next_button_topics])
+                send_btn.click(fn=unavailable, inputs=[input_file,input_checks], outputs=[output_markdown,message])
+                demo_btn.click(fn=showcase, inputs=[input_file], outputs=[output_markdown,message,output_file,next_button_freq,next_button_dist,next_button_peaks,next_button_topics])
         with gr.Column(scale=1, min_width=100):
             gr.Markdown("""
             """)
+    
     with gr.Row():
         with gr.Column(scale=1, min_width=100):
             gr.Markdown("""
@@ -481,11 +481,9 @@ with gr.Blocks() as demo:
             gr.Markdown("""
                 <font size="2">Both this demo and the dataset have been created by [LT3](https://lt3.ugent.be/), the Language and Translation Technology Team of Ghent University. The EmotioNL project has been carried out with support from the Research Foundation – Flanders (FWO). For any questions, please contact [email protected].</font>
                 
-                <div style="display: grid;grid-template-columns: 150px auto;"><img style="margin-right: 1em" alt="LT3 logo" src="https://lt3.ugent.be/static/images/logo_v2_single.png" width="136" height="58"> <img style="margin-right: 1em" alt="FWO logo" src="https://www.fwo.be/images/logo_desktop.png" height="58"></div>
+                <div style="display: flex"><img style="margin-right: 1em" alt="LT3 logo" src="https://lt3.ugent.be/static/images/logo_v2_single.png" width="136" height="58"> <img style="margin-right: 1em" alt="FWO logo" src="https://www.fwo.be/images/logo_desktop.png" height="58"></div>
                 """)
         with gr.Column(scale=1, min_width=100):
             gr.Markdown("""
             """)
-        
-demo.launch()
-
+demo.launch()