Enhance image upload and background management: Update Docker configuration to create a dedicated backgrounds directory for uploaded images, modify API routes to handle background images specifically, and improve README documentation to reflect these changes. Additionally, refactor components to utilize the new Avatar component for consistent avatar rendering across the application.

2025-12-12 08:46:31 +01:00
parent 3ad680f416
commit ae08ed7793
24 changed files with 1100 additions and 464 deletions
--- a/components/ImageSelector.tsx
+++ b/components/ImageSelector.tsx
@@ -90,7 +90,15 @@ export default function ImageSelector({
                alt="Preview"
                className="w-full h-full object-cover"
                onError={(e) => {
-                  e.currentTarget.src = "/got-2.jpg"; // Image par défaut en cas d'erreur
+                  const target = e.currentTarget;
+                  // Ne pas boucler si l'image de fallback échoue aussi
+                  const currentSrc = target.src;
+                  const fallbackSrc = "/got-2.jpg";
+                  if (!currentSrc.includes(fallbackSrc)) {
+                    target.src = fallbackSrc;
+                  } else {
+                    target.style.display = "none";
+                  }
                }}
              />
              <button