feat: more improvements

bereal/server.py

@@ -4,6 +4,7 @@
 It contains the Flask app routing and the functions to interact with the BeReal API.
 """
 import os
+import warnings
 from datetime import datetime, timedelta
 from typing import Any
 
@@ -30,6 +31,8 @@
 )
 from .videos import build_slideshow
 
+warnings.filterwarnings("ignore", category=UserWarning, module="tzlocal")
+
 app = Flask(__name__)
 serializer = URLSafeTimedSerializer(SECRET_KEY)
 
@@ -170,6 +173,11 @@ def get_video(filename: str) -> tuple[Response, int]:
         abort(403)
 
 
+@app.route("/favicon.ico")
+def favicon():
+    return send_from_directory(app.static_folder, "favicon.ico", mimetype="image/vnd.microsoft.icon")
+
+
 @app.errorhandler(400)
 def bad_request(error) -> tuple[Response, int]:
     logger.error("Got 400 error: %s", error)

client/src/styles/App.css

@@ -7,14 +7,14 @@
     justify-content: center;
     align-items: center;
     min-height: 100vh;
-    padding-top: 5rem; /* Adjust top padding as needed */
-    background-color: #f3f4f6; /* Light gray background */
+    padding-top: 5rem;
+    background-color: #f3f4f6;
     flex-direction: column;
 }
 
 .App div {
     width: 100%;
-    max-width: 500px; /* Adjust width as needed */
+    max-width: 500px;
     padding: 2rem;
     background: white;
     border-radius: 8px;
@@ -36,14 +36,20 @@
 }
 
 .App button {
-    background-color: #3b82f6; /* Tailwind blue-500 */
+    background-color: #3b82f6;
     color: white;
     cursor: pointer;
     transition: background-color 0.2s;
 }
 
 .App button:hover {
-    background-color: #2563eb; /* Tailwind blue-600 */
+    background-color: #2563eb;
+}
+
+button:disabled {
+    background-color: grey;
+    cursor: not-allowed;
+    opacity: 0.7;
 }
 
 .App video {