feat: Implement useImageStatus hook and enhance image loading status handling across various components to address cached images and loading timeouts.

2026-03-18 11:54:40 +05:30
parent f3c4e31924
commit 772e1024cc
17 changed files with 211 additions and 93 deletions
--- a/src/components/home/TopProfessionals.tsx
+++ b/src/components/home/TopProfessionals.tsx
@@ -49,6 +49,7 @@ function ProfessionalCard({
            fill
            className={`object-cover transition-opacity duration-300 ${isPlaceholder || imgLoaded ? 'opacity-100' : 'opacity-0'}`}
            onLoad={() => setImgLoaded(true)}
+            onError={() => setImgLoaded(true)}
          />
        </div>