Upload app.py with huggingface_hub

app.py

@@ -1,88 +1,88 @@
 import streamlit as st
-import streamlit.components.v1 as components
-
-from st_on_hover_tabs import on_hover_tabs
+import streamlit_antd_components as sac
 
 from app.pages import *
 
-import json
 
+# Set page configuration
 st.set_page_config(
-    page_title="Leaderboard", page_icon=":chart_with_upwards_trend:", layout="wide"
+    page_title="AudioBench Leaderboard",
+    page_icon=":chart_with_upwards_trend:",
+    layout="wide",
 )
 
-# st.header("AudioBench Leaderboard")
-st.markdown('<style>' + open('./style/sidebar_style.css').read() + '</style>', unsafe_allow_html=True)
-
-with st.sidebar:
-    tabs = on_hover_tabs(tabName=['== INTRODUCTION ==', 
-                                  'ASR - English', 
-                                  'ASR - Singlish', 
-                                  'ASR - Mandarin', 
-                                  'Speech Translation',
-                                  'Speech Question Answering', 
-                                  'Speech Instruction', 
-                                  'Audio Captioning', 
-                                  'Audio Scene Question Answering', 
-                                  'Accent Recognition', 
-                                  'Gender Recognition', 
-                                  'Emotion Recognition', 
-                                  'Music - MCQ', 
-                                  ],
-                            iconName=['dashboard', 'filter_1', 'filter_2', 'filter_3', 'filter_4', 'filter_5', 
-                                      'filter_6', 'filter_7', 'filter_8', 'filter_9', 'filter_9_plus', 'filter_9_plus',
-                                      'filter_9_plus'
-                                      ], 
-                            styles = {
-                                'navtab': {
-                                    'font-size': '12px',
-                                    'transition': '0.3s',
-                                    'text-transform': 'none',
-                                },
-                                'iconStyle':{
-                                    'font-size': '18px',
-
-                                },
-                            },
-                            default_choice=0
-                            )
-    
-
-if tabs =='== INTRODUCTION ==':
-    dashboard()
-
-elif tabs == 'ASR - English':
-    asr()
-
-elif tabs == 'ASR - Singlish':
-    singlish_asr()
-
-elif tabs == 'ASR - Mandarin':
-    cnasr()
 
-elif tabs == 'Speech Question Answering':
-    sqa()
 
-elif tabs == 'Speech Instruction':
-    si()
-
-elif tabs == 'Audio Captioning':
-    ac()
-
-elif tabs == 'Audio Scene Question Answering':
-    asqa()
-
-elif tabs == 'Accent Recognition':
-    ar()
-
-elif tabs == 'Gender Recognition':
-    gr()
+# Dictionary mapping menu items to their corresponding functions
+pages = {
+    'Dashboard'                     : dashboard,
+    'ASR-English'                   : asr_english,
+    'ASR-Mandarin'                  : asr_mandarin,
+    'ASR-Singlish'                  : asr_singlish,
+    'Speech Translation'            : speech_translation,
+    'SQA-English'                   : speech_question_answering_english,
+    'SQA-Singlish'                  : speech_question_answering_singlish,
+    'Speech Instruction'            : speech_instruction,
+    'Audio Captioning'              : audio_captioning,
+    'Audio-Scene Question Answering': audio_scene_question_answering,
+    'Accent Recognition'            : accent_recognition,
+    'Gender Recognition'            : gender_recognition,
+    'Emotion Recognition'           : emotion_recognition,
+    'Music Understanding'           : music_understanding,
+}
+
+# Initialize session state for menu selection
+if 'selected_menu' not in st.session_state:
+    st.session_state.selected_menu = 'Introduction'
+
+# Define the menu items
+menu_items = [
+    sac.MenuItem(label='Dashboard', icon='house'),
+
+    sac.MenuItem(label='Automatic Speech Recognition', icon='mic',
+                 children = [
+                     sac.MenuItem(label='ASR-English', icon='mic'),
+                     sac.MenuItem(label='ASR-Mandarin', icon='mic'),
+                     sac.MenuItem(label='ASR-Singlish', icon='mic'),
+                 ]
+                 ),
+
+    sac.MenuItem(label='Speech Translation', icon='translate'
+                 ),
+
+    sac.MenuItem(label='Spoken Question Answering', icon='question-circle',
+                 children = [
+                     sac.MenuItem(label='SQA-English', icon='mic'),
+                     sac.MenuItem(label='SQA-Singlish', icon='mic'),
+                 ]
+                 ),
+
+    sac.MenuItem(label='Speech Instruction', icon='mic-fill'),
+
+    sac.MenuItem(label='Audio Captioning', icon='volume-down'),
+
+    sac.MenuItem(label='Audio-Scene Question Answering', icon='question-diamond-fill'),
+    
+    sac.MenuItem(label='Accent Recognition', icon='person-badge-fill'),
+    
+    sac.MenuItem(label='Gender Recognition', icon='gender-ambiguous'),
 
-elif tabs == 'Emotion Recognition':
-    er()
+    sac.MenuItem(label='Emotion Recognition', icon='emoji-smile-fill'),
 
-elif tabs == 'Speech Translation':
-    spt()
+    sac.MenuItem(label='Music Understanding', icon='music-note-list'),
+]
 
-elif tabs == 'Music - MCQ':
-    music_mcq()
+# Render the menu in the sidebar
+with st.sidebar:
+    selected = sac.menu(menu_items,
+                        size='sm', 
+                        open_all=False,
+                        )
+
+# Update session state based on selection
+if selected:
+    st.session_state.selected_menu = selected
+
+# Display the selected page's content
+page = pages[st.session_state.selected_menu]
+page()