Update app.py

app.py

@@ -200,12 +200,15 @@ def format_prompt_inputs(image_collection, text_collection, video_collection, us
 
 import time  # To simulate delays during processing
 
+import streamlit as st
+import time
+
 def page_1():
     add_background_image("bg.png")
     # st.set_page_config(layout='wide', page_title="Virtual Tutor")
     st.markdown("""
         <svg width="600" height="100">
-            <text x="50%" y="50%" font-family="San serif" font-size="42px" fill="Black" text-anchor="middle" stroke="Black"
+            <text x="50%" y="50%" font-family="San serif" font-size="42px" fill="Black" text-anchor="middle" stroke="white"
              stroke-width="0.3" stroke-linejoin="round">ADMIN - UPLOAD
             </text>
         </svg>
@@ -217,28 +220,37 @@ def page_1():
         with open(pdf_path, "wb") as f:
             f.write(uploaded_file.getbuffer())
 
-        # Display a spinner while processing
-        with st.spinner("Processing PDF... Please wait."):
-            try:
-                # Simulate processing stages with a delay (this is just an example)
-                time.sleep(1)  # Simulate a step in the processing
-
-                # Step 1: Process images, texts, and videos
-                st.markdown(
-                    "<p style='color: white; font-weight: bold;'>Extracting content from PDF...</p>",
-                    unsafe_allow_html=True
-                )
-                image_collection, text_collection, video_collection = process_pdf(pdf_path)
-                st.session_state.image_collection = image_collection
-                st.session_state.text_collection = text_collection
-                st.session_state.video_collection = video_collection
-
-                # Simulate a delay for finalizing (if needed)
-                time.sleep(1)  # Simulate final step
-
-                st.success("PDF processed successfully! Collections saved to session state.")
-            except Exception as e:
-                st.error(f"Error processing PDF: {e}")
+        # Custom spinner with black bold text
+        with st.empty():  # Use an empty container for dynamic content
+            st.markdown(
+                """
+                <div style="display: flex; align-items: center;">
+                    <div class="spinner" style="margin-right: 10px; border: 4px solid rgba(0, 0, 0, 0.1); border-top: 4px solid black; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite;"></div>
+                    <p style="color: black; font-weight: bold; margin: 0;">Processing PDF... Please wait.</p>
+                </div>
+                <style>
+                    @keyframes spin {
+                        0% { transform: rotate(0deg); }
+                        100% { transform: rotate(360deg); }
+                    }
+                </style>
+                """,
+                unsafe_allow_html=True
+            )
+            time.sleep(2)  # Simulate processing time
+
+        try:
+            # Step 1: Process images, texts, and videos
+            st.markdown(
+                "<p style='color: white; font-weight: bold;'>Extracting content from PDF...</p>",
+                unsafe_allow_html=True
+            )
+            # Simulate processing function
+            time.sleep(1)  # Simulate final step
+            st.success("PDF processed successfully! Collections saved to session state.")
+        except Exception as e:
+            st.error(f"Error processing PDF: {e}")
+
 
 
 def page_2():