Update modules/ui/ui.py

modules/ui/ui.py

@@ -9,7 +9,7 @@ from dateutil.parser import parse
 #
 from session_state import initialize_session_state, logout
 #
-from translations import get_translations
+from translations import get_translations, get_landing_translations
 #
 from ..auth.auth import authenticate_user, authenticate_student, authenticate_admin
 #
@@ -75,23 +75,59 @@ def main():
 #############################################################
 #############################################################    
 def login_register_page(lang_code, t):
-    # st.title("AIdeaText")
-    # st.write(t.get("welcome_message", "Bienvenido. Por favor, inicie sesión o regístrese."))
-
+    # Obtener traducciones específicas para landing page
+    landing_t = get_landing_translations(lang_code)
+    
+    # Language selection dropdown at the top
+    languages = {'Español': 'es', 'English': 'en', 'Français': 'fr', 'Português': 'pt'}
+    
+    # Estilo personalizado para mejorar el espaciado y alineación
+    st.markdown("""
+    <style>
+        div.row-widget.stHorizontalBlock {
+            align-items: center;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # Crear contenedor para logos y selector de idioma usando columnas de Streamlit
+    col1, col2, col3, col4, col5 = st.columns([0.25, 0.25, 1, 1, 1])
+    
+    with col1:
+        # Logo de ALPHA
+        st.image("https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/ALPHA_Startup%20Badges.png", width=100)
+    
+    with col2:
+        # Logo de AIdeaText
+        st.image("https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/AIdeaText_Logo_vectores.png", width=100)
+    
+    with col5:
+        # Selector de idioma
+        selected_lang = st.selectbox(
+            landing_t['select_language'],
+            list(languages.keys()),
+            index=list(languages.values()).index(lang_code),
+            key=f"landing_language_selector_{lang_code}"
+        )
+        new_lang_code = languages[selected_lang]
+        if lang_code != new_lang_code:
+            st.session_state.lang_code = new_lang_code
+            st.rerun()
+    
+    # Main content with columns
     left_column, right_column = st.columns([1, 3])
-
+    
     with left_column:
-        tab1, tab2 = st.tabs([t.get("login", "Iniciar Sesión"), 
-                             t.get("register", "Registrarse")])
-
+        tab1, tab2 = st.tabs([landing_t['login'], landing_t['register']])
+        
         with tab1:
-            login_form(lang_code, t)
-
+            login_form(lang_code, landing_t)
+        
         with tab2:
-            register_form(lang_code, t)
-
+            register_form(lang_code, landing_t)
+    
     with right_column:
-        display_videos_and_info(lang_code, t)
+        display_videos_and_info(lang_code, landing_t)
 
 #############################################################
 #############################################################