Update app.py

app.py

@@ -22,6 +22,9 @@ REFRESH_RATE = 5
 INTERACTION_RADIUS = 2
 POINTS_PER_INTERACTION = 1
 
+
+from streamlit.components.v1 import html
+
 # 🕒 Timer Management
 class GameTimer:
     def __init__(self):
@@ -332,6 +335,28 @@ def main():
     st.title("Multiplayer Tile Game")
     create_game_board()
 
+
+
+# Add this in your main() function, right after create_autorefresh()
+# Add the time display component
+st.markdown("""
+    <div id="time-display-root"></div>
+""", unsafe_allow_html=True)
+
+# Mount the React component
+html("""
+    <div id="time-display-mount"></div>
+    <script>
+        const root = document.getElementById('time-display-root');
+        const mount = document.getElementById('time-display-mount');
+        if (root && mount) {
+            root.appendChild(mount);
+        }
+    </script>
+""", height=200)
+
+
+
 # 🧹 Cleanup on exit
 def cleanup():
     if 'game_timer' in st.session_state:
@@ -340,5 +365,9 @@ def cleanup():
 # Register cleanup
 atexit.register(cleanup)
 
+
+
+
+
 if __name__ == "__main__":
     main()