Update app.py

app.py

@@ -1,7 +1,7 @@
 import streamlit as st
+import time
 import random
 
-
 quotes = [
     {"Number": 1, "Quote Topic": "Stages of Life 🌱", "Quote": "Every age unfolds a new lesson. Life's chapters evolve, each teaching us anew."},
     {"Number": 2, "Quote Topic": "Stages of Life 🌱", "Quote": "From infancy to twilight, our journey is painted in growth. Every stage shines with its own wisdom."},
@@ -105,8 +105,6 @@ quotes = [
     {"Number": 100, "Quote Topic": "Love ❤️", "Quote": "Through love, we find connection, unity, and the essence of existence."}
 ]
 
-
-
 def display_quote(index):
     '''Function to display the quote using st.markdown()'''
     number = quotes[index]['Number']
@@ -115,8 +113,6 @@ def display_quote(index):
     st.markdown(f"### {number}. {topic}")
     st.markdown(quote)
 
-
-
 # Streamlit app
 def main():
 
@@ -125,7 +121,7 @@ def main():
         st.session_state.auto_repeat = "On"
     if "current_index" not in st.session_state:
         st.session_state.current_index = random.randint(0, len(quotes)-1)
-    
+
     st.title("Quote Timer")
 
     # AutoRepeat radio button
@@ -134,38 +130,15 @@ def main():
     # Display the current quote
     display_quote(st.session_state.current_index)
 
-    timer_html = """
-    <div id="timer">Time left: 5 seconds</div>
-    <script>
-        let countdown = 5;
-        const timerElement = document.getElementById('timer');
-        
-        function updateTimer() {
-            if (countdown > 1) {
-                timerElement.innerHTML = `Time left: ${countdown} seconds`;
-                countdown -= 1;
-            } else {
-                countdown = 5;
-                timerElement.innerHTML = `Time left: ${countdown} seconds`;
-                fetch('/stream').then(response => response.text()).then(data => {
-                    if (data) {
-                        location.reload();
-                    }
-                });
-            }
-        }
-
-        const autoRepeatSetting = '%s';
-        if (autoRepeatSetting === 'On') {
-            setInterval(updateTimer, 1000);
-        }
-    </script>
-    """ % st.session_state.auto_repeat
-
-    st.components.v1.html(timer_html, height=50)
-
-def _change_quote():
-    st.session_state.current_index = random.randint(0, len(quotes)-1)
+    # Timer logic
+    if st.session_state.auto_repeat == "On":
+        timer_placeholder = st.empty()
+        for i in range(5, 0, -1):
+            timer_placeholder.text(f"Time left: {i} seconds")
+            time.sleep(1)
+            if i == 1:
+                st.session_state.current_index = random.randint(0, len(quotes)-1)
+                st.experimental_rerun()
 
 if __name__ == "__main__":
-    main()
+    main()