From 826c05771bf11ddfd1b93b3881412880570a9c1a Mon Sep 17 00:00:00 2001
From: "ildar.timerbaev" <dkildar@gmail.com>
Date: Wed, 4 Oct 2023 22:10:48 +0600
Subject: [PATCH] Fixed alt showing while image downloading

---
 .../entry-list-item/entry-list-item-thumbnail.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/common/components/entry-list-item/entry-list-item-thumbnail.tsx b/src/common/components/entry-list-item/entry-list-item-thumbnail.tsx
index 0914d676fd5..6037cc2a78c 100644
--- a/src/common/components/entry-list-item/entry-list-item-thumbnail.tsx
+++ b/src/common/components/entry-list-item/entry-list-item-thumbnail.tsx
@@ -16,14 +16,14 @@ interface Props {
 export function EntryListItemThumbnail({ entry, noImage, isCrossPost, entryProp, history }: Props) {
   const { global } = useMappedStore();
 
-  const { data: imgGrid } = useImageDownloader(
+  const { data: imgGrid, isLoading: isGridLoading } = useImageDownloader(
     entry,
     noImage,
     600,
     500,
     global.listStyle === "grid"
   );
-  const { data: imgRow } = useImageDownloader(
+  const { data: imgRow, isLoading: isRowLoading } = useImageDownloader(
     entry,
     noImage,
     260,
@@ -38,7 +38,7 @@ export function EntryListItemThumbnail({ entry, noImage, isCrossPost, entryProp,
           {global.listStyle === "grid" ? (
             <img
               src={imgGrid}
-              alt={entry.title}
+              alt={isGridLoading ? "" : entry.title}
               style={{ width: imgGrid === noImage ? "172px" : "auto" }}
               onError={(e: React.SyntheticEvent) => {
                 const target = e.target as HTMLImageElement;
@@ -51,8 +51,8 @@ export function EntryListItemThumbnail({ entry, noImage, isCrossPost, entryProp,
             <picture>
               <source srcSet={imgRow} media="(min-width: 576px)" />
               <img
-                srcSet={imgGrid}
-                alt={entry.title}
+                srcSet={imgRow}
+                alt={isRowLoading ? "" : entry.title}
                 onError={(e: React.SyntheticEvent) => {
                   const target = e.target as HTMLImageElement;
                   target.src = global.isElectron