refactor: refactor the listeners

app.py

@@ -14,9 +14,9 @@ from src.display.css_html_js import custom_css
 from src.display.utils import COL_NAME_IS_ANONYMOUS, COL_NAME_REVISION, COL_NAME_TIMESTAMP
 from src.envs import API, EVAL_RESULTS_PATH, REPO_ID, RESULTS_REPO, TOKEN
 from src.read_evals import get_raw_eval_results, get_leaderboard_df
-from src.utils import update_table, update_metric, update_table_long_doc, upload_file, get_default_cols, submit_results, clear_reranking_selections
+from src.utils import update_metric, upload_file, get_default_cols, submit_results
 from src.display.gradio_formatting import get_version_dropdown, get_search_bar, get_reranking_dropdown, get_noreranker_button, get_metric_dropdown, get_domain_dropdown, get_language_dropdown, get_anonymous_checkbox, get_revision_and_ts_checkbox, get_leaderboard_table
-
+from src.display.gradio_listener import set_listeners
 
 def restart_space():
     API.restart_space(repo_id=REPO_ID)
@@ -69,7 +69,6 @@ def update_metric_qa(
 ):
     return update_metric(raw_data, 'qa', metric, domains, langs, reranking_model, query, show_anonymous, show_revision_and_timestamp)
 
-
 def update_metric_long_doc(
         metric: str,
         domains: list,
@@ -121,39 +120,19 @@ with demo:
             # Dummy leaderboard for handling the case when the user uses backspace key
             hidden_leaderboard_table_for_search = get_leaderboard_table(original_df_qa, types_qa, visible=False)
 
-            # Set search_bar listener
-            search_bar.submit(
-                update_table,
-                [
-                    hidden_leaderboard_table_for_search,
-                    selected_domains,
-                    selected_langs,
-                    selected_rerankings,
-                    search_bar,
-                    show_anonymous,
-                ],
+            set_listeners(
+                "qa",
                 leaderboard_table,
+                hidden_leaderboard_table_for_search,
+                search_bar,
+                select_noreranker_only_btn,
+                selected_domains,
+                selected_langs,
+                selected_rerankings,
+                show_anonymous,
+                show_revision_and_timestamp,
             )
 
-            # Set column-wise listener
-            for selector in [
-                selected_domains, selected_langs, show_anonymous, show_revision_and_timestamp, selected_rerankings
-            ]:
-                selector.change(
-                    update_table,
-                    [
-                        hidden_leaderboard_table_for_search,
-                        selected_domains,
-                        selected_langs,
-                        selected_rerankings,
-                        search_bar,
-                        show_anonymous,
-                        show_revision_and_timestamp
-                    ],
-                    leaderboard_table,
-                    queue=True,
-                )
-
             # set metric listener
             selected_metric.change(
                 update_metric_qa,
@@ -169,11 +148,6 @@ with demo:
                 queue=True
             )
 
-            select_noreranker_only_btn.click(
-                clear_reranking_selections,
-                outputs=selected_rerankings
-            )
-
         with gr.TabItem("Long Doc", elem_id="long-doc-benchmark-tab-table", id=1):
             with gr.Row():
                 with gr.Column():
@@ -203,7 +177,7 @@ with demo:
                     with gr.Row():
                         show_revision_and_timestamp = get_revision_and_ts_checkbox()
 
-            leaderboard_table_long_doc = get_leaderboard_table(
+            leaderboard_table = get_leaderboard_table(
                 leaderboard_df_long_doc, types_long_doc
             )
 
@@ -212,40 +186,19 @@ with demo:
                 original_df_long_doc, types_long_doc, visible=False
             )
 
-            # Set search_bar listener
-            search_bar.submit(
-                update_table_long_doc,
-                [
-                    hidden_leaderboard_table_for_search,
-                    selected_domains,
-                    selected_langs,
-                    selected_rerankings,
-                    search_bar,
-                    show_anonymous,
-                    show_revision_and_timestamp
-                ],
-                leaderboard_table_long_doc,
+            set_listeners(
+                "long-doc",
+                leaderboard_table,
+                hidden_leaderboard_table_for_search,
+                search_bar,
+                select_noreranker_only_btn,
+                selected_domains,
+                selected_langs,
+                selected_rerankings,
+                show_anonymous,
+                show_revision_and_timestamp,
             )
 
-            # Set column-wise listener
-            for selector in [
-                selected_domains, selected_langs, show_anonymous, show_revision_and_timestamp, selected_rerankings
-            ]:
-                selector.change(
-                    update_table_long_doc,
-                    [
-                        hidden_leaderboard_table_for_search,
-                        selected_domains,
-                        selected_langs,
-                        selected_rerankings,
-                        search_bar,
-                        show_anonymous,
-                        show_revision_and_timestamp
-                    ],
-                    leaderboard_table_long_doc,
-                    queue=True,
-                )
-
             # set metric listener
             selected_metric.change(
                 update_metric_long_doc,
@@ -258,15 +211,10 @@ with demo:
                     show_anonymous,
                     show_revision_and_timestamp
                 ],
-                leaderboard_table_long_doc,
+                leaderboard_table,
                 queue=True
             )
 
-            select_noreranker_only_btn.click(
-                clear_reranking_selections,
-                outputs=selected_rerankings
-            )
-
         with gr.TabItem("🚀Submit here!", elem_id="submit-tab-table", id=2):
             with gr.Column():
                 with gr.Row():