Update app.py

Removed lottie loading

app.py

@@ -13,7 +13,6 @@ from sklearn.metrics import mean_absolute_error, mean_squared_error
 from joblib import dump, load
 from utils import recomienda_tf
 from utils import retroalimentacion
-from streamlit_lottie import st_lottie
 import requests
 
 
@@ -21,7 +20,7 @@ import requests
 st.set_page_config(page_title="DeepInsightz", page_icon=":bar_chart:", layout="wide")
 
 # Custom CSS for dynamic theme styling
-# Custom CSS for dynamic theme styling
+# Streamlit detects light and dark mode automatically via the user's settings in Hugging Face Spaces
 if st.get_option("theme.base") == "dark":
     background_color = "#282828"
     text_color = "white"
@@ -39,7 +38,6 @@ else:
     primary_color = '#228B22'  # for positive delta in light mode
     negative_color = '#8B0000'  # for negative delta in light mode
 
-# Load custom CSS for dynamic theme and Lottie animation
 st.markdown(f"""
     <style>
     body {{
@@ -62,42 +60,9 @@ st.markdown(f"""
     [data-testid="stSidebar"] {{
         background-color: {sidebar_color};
     }}
-    .overlay {{
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: rgba(0, 0, 0, 0.5);
-        z-index: 1000;
-        transition: opacity 0.5s ease;
-    }}
-    .overlay.hidden {{
-        display: none;
-    }}
-    .overlay.active {{
-        opacity: 1;
-        pointer-events: all;
-    }}
-    .overlay.inactive {{
-        opacity: 0;
-        pointer-events: none;
-    }}
     </style>
 """, unsafe_allow_html=True)
 
-# Function to show Lottie animation as an overlay
-def display_lottie_animation(show_animation):
-    if show_animation:
-        st.markdown('<div class="overlay active">', unsafe_allow_html=True)
-        st_lottie(lottie_animation, height=300, width=300)
-        st.markdown('</div>', unsafe_allow_html=True)
-    else:
-        st.markdown('<div class="overlay inactive hidden">', unsafe_allow_html=True)
-
 # Load CSV files at the top
 df = pd.read_csv("df_clean.csv")
 nombres_proveedores = pd.read_csv("nombres_proveedores.csv", sep=';')
@@ -154,13 +119,6 @@ def get_supplier_name(code):
     name = nombres_proveedores[nombres_proveedores['codigo'] == code]['nombre'].values
     return name[0] if len(name) > 0 else code
 
-def load_lottie_file(filepath: str):
-    with open(filepath, 'r') as f:
-        return json.load(f)
-
-# Load the animation
-lottie_animation = load_lottie_file("LoadingAnimation/Animation.json")
-
 def image_exists(url):
     """Verifica si la imagen existe en la URL proporcionada"""
     response = requests.head(url)
@@ -969,12 +927,11 @@ elif page == "💡 Recomendación de Artículos":
             with col2:
                 # Mostrar la descripción del artículo
                 st.write(f"**{description}**(Código: {code})")
-
-            # Añadir el artículo seleccionado a la cesta
-            if code not in st.session_state['new_basket']:
-                st.session_state['new_basket'].append(code)
-                st_lottie(lottie_animation, height=200, width=200)
-                st.rerun()
+            with st.spinner("Actualizando Cesta..."):
+                # Añadir el artículo seleccionado a la cesta
+                if code not in st.session_state['new_basket']:
+                    st.session_state['new_basket'].append(code)
+                    st.rerun()
 
     # Añadir un botón estilizado "Calcular" con icono
     if st.button("🛒 Obtener Recomendaciones"):