From b5c4ef1fe4871faecf102c83a416f33c072c96a3 Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Thu, 27 Apr 2023 17:59:14 +0200
Subject: [PATCH] fix thumbnailUrl

---
 src/components/views/Board.jsx  | 22 +++++++++++++++-------
 src/components/views/Thread.jsx |  8 ++++++--
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 9a5f80b8..97e8f19d 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -487,7 +487,9 @@ const Board = () => {
                             </div>
                             {commentMediaInfo?.type === "webpage" ? (
                               <span key={`fta-${index}`} className="file-thumb">
-                                <img key={`fti-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                {thread.thumbnailUrl ? (
+                                  <img key={`fti-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                ) : null}
                               </span>
                             ) : null}
                             {commentMediaInfo?.type === "image" ? (
@@ -705,10 +707,12 @@ const Board = () => {
                                 </div>
                                 {replyMediaInfo?.type === "webpage" ? (
                                   <span key={`fta-${index}`} className="file-thumb-reply">
-                                    <img key={`fti-${index}`}
-                                    src={reply.thumbnailUrl} 
-                                    alt="thumbnail" 
-                                    onError={(e) => e.target.src = fallbackImgUrl} />
+                                    {reply.thumbnailUrl ? (
+                                      <img key={`fti-${index}`}
+                                      src={reply.thumbnailUrl} 
+                                      alt="thumbnail" 
+                                      onError={(e) => e.target.src = fallbackImgUrl} />
+                                    ) : null}
                                   </span>
                                 ) : null}
                                 {replyMediaInfo?.type === "image" ? (
@@ -834,7 +838,9 @@ const Board = () => {
                               {commentMediaInfo?.url ? (
                                 commentMediaInfo.type === "webpage" ? (
                                     <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                      <img key={`mob-img-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                      {thread.thumbnailUrl ? (
+                                        <img key={`mob-img-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                      ) : null}
                                       <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
                                     </span>
                                 ) : commentMediaInfo.type === "image" ? (
@@ -963,7 +969,9 @@ const Board = () => {
                                 {replyMediaInfo?.url ? (
                                   replyMediaInfo.type === "webpage" ? (
                                       <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                        <img key={`mob-img-${index}`} src={reply.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                        {reply.thumbnailUrl ? (
+                                          <img key={`mob-img-${index}`} src={reply.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                        ) : null}
                                         <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
                                       </span>
                                   ) : replyMediaInfo.type === "image" ? (
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 2b6c893d..7562485e 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -462,7 +462,9 @@ const Thread = () => {
                           </div>
                           {commentMediaInfo?.type === "webpage" ? (
                             <span key={`fta-${comment.cid}`} className="file-thumb">
-                              <img key={`fti-${comment.cid}`} src={comment.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                              {comment.thumbnailUrl ? (
+                                <img key={`fti-${index}`} src={comment.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                              ) : null}
                             </span>
                           ) : null}
                           {commentMediaInfo?.type === "image" ? (
@@ -859,7 +861,9 @@ const Thread = () => {
                                 {replyMediaInfo?.url ? (
                                   replyMediaInfo.type === "webpage" ? (
                                       <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                        <img key={`mob-img-${reply.cid}`} src={reply.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                        {reply.thumbnailUrl ? (
+                                          <img key={`mob-img-${reply.cid}`} src={reply.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                        ) : null}
                                         <div key={`mob-fi-${reply.cid}`} className="file-info-mobile">{replyMediaInfo.type}</div>
                                       </span>
                                   ) : replyMediaInfo.type === "image" ? (