From 9d4d9890682cbd01576457d51db9d12755c99bf4 Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Sat, 15 Apr 2023 18:12:46 +0200
Subject: [PATCH] disabled mock content

---
 .env                              |  3 ---
 src/components/views/Board.jsx    | 10 +++++-----
 src/components/views/Thread.jsx   | 12 ++++++------
 src/utils/getCommentMediaInfo.js  | 12 ++++++------
 src/utils/renderComments.js       |  6 +++---
 src/utils/renderThreadComments.js |  2 +-
 6 files changed, 21 insertions(+), 24 deletions(-)
 delete mode 100644 .env

diff --git a/.env b/.env
deleted file mode 100644
index b39d8ffd..00000000
--- a/.env
+++ /dev/null
@@ -1,3 +0,0 @@
-REACT_APP_PLEBBIT_REACT_HOOKS_MOCK_CONTENT=1
-REACT_APP_PLEBBIT_REACT_HOOKS_MOCK_CONTENT_LOADING_TIME=1000
-REACT_APP_PLEBBIT_REACT_HOOKS_MOCK_CONTENT_DOUBLE_MEDIA=1
\ No newline at end of file
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 5344826c..04972614 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -375,7 +375,7 @@ const Board = () => {
               hasMore={hasMore}
             >
               {selectedFeed.map((thread) => {
-              const { replies: { pages: { topAll: { comments } } } } = thread;
+              const { replies: { pages: { topAll: { comments } = {} } = {} } = {} } = thread;
               const { renderedComments, omittedCount } = renderComments(comments);
               const commentMediaInfo = getCommentMediaInfo(thread);
               const fallbackImgUrl = "/assets/filedeleted-res.gif";
@@ -471,7 +471,7 @@ const Board = () => {
                           </span>&nbsp;
                           <button key={`pmb-${thread.cid}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }} data-cmd="post-menu">▶</button>
                           <div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
-                            {thread.replies?.pages.topAll.comments
+                            {thread.replies?.pages?.topAll.comments
                               .sort((a, b) => a.timestamp - b.timestamp)
                               .map((reply) => (
                                 <div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
@@ -514,7 +514,7 @@ const Board = () => {
                       </span>
                     </span>) : null}
                   </span>
-                  {renderedComments.map((reply) => {
+                  {renderedComments?.map((reply) => {
                     const replyMediaInfo = getCommentMediaInfo(reply);
                     const fallbackImgUrl = "/assets/filedeleted-res.gif";
                     return (
@@ -558,7 +558,7 @@ const Board = () => {
                             </span>&nbsp;
                             <button key={`pmb-${reply.cid}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }} data-cmd="post-menu">▶</button>
                             <div id="backlink-id" className="backlink">
-                              {reply.replies?.pages.topAll.comments
+                              {reply.replies?.pages?.topAll.comments
                                 .sort((a, b) => a.timestamp - b.timestamp)
                                 .map((reply) => (
                                   <div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
@@ -749,7 +749,7 @@ const Board = () => {
                       <Link key={`rl2-${thread.cid}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="button-mobile" >View Thread</Link>
                     </div>
                   </div>
-                  {renderedComments.map((reply) => {
+                  {renderedComments?.map((reply) => {
                     const replyMediaInfo = getCommentMediaInfo(reply);
                     return (
                     <div key={`mob-rc-${reply.cid}`} className="reply-container">
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index be5e3ada..c8a4b4eb 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -481,7 +481,7 @@ const Thread = () => {
                       </span>&nbsp;&nbsp;
                       <button key={`pmb-${comment.cid}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
                       <div id="backlink-id" className="backlink">
-                        {comment.replies?.pages.topAll.comments
+                        {comment?.replies?.pages?.topAll.comments
                           .sort((a, b) => a.timestamp - b.timestamp)
                           .map((reply) => (
                             <div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
@@ -503,8 +503,8 @@ const Thread = () => {
               </div>
               {comment.replyCount === undefined ? <PostLoader /> : null}
               {comment.replyCount > 0 && 
-              Object.keys(comment.replies.pages.topAll.comments).map(() => {
-                const renderedComments = renderThreadComments(comment.replies.pages.topAll.comments);
+              Object.keys(comment?.replies?.pages?.topAll.comments).map(() => {
+                const renderedComments = renderThreadComments(comment?.replies?.pages?.topAll.comments);
                 return renderedComments.map(reply => {
                   const replyMediaInfo = getCommentMediaInfo(reply);
                   const fallbackImgUrl = "/assets/filedeleted-res.gif";
@@ -548,7 +548,7 @@ const Thread = () => {
                           </span>&nbsp;
                           <button key={`pmb-${reply.cid}`} className="post-menu-button" onClick={() => {}} title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
                           <div id="backlink-id" className="backlink">
-                            {reply.replies?.pages.topAll.comments
+                            {reply.replies?.pages?.topAll.comments
                               .sort((a, b) => a.timestamp - b.timestamp)
                               .map((reply) => (
                                 <div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
@@ -711,8 +711,8 @@ const Thread = () => {
                 </div>
                 {comment.replyCount === undefined ? <PostLoader /> : null}
                 {comment.replyCount > 0 && 
-                Object.keys(comment.replies.pages.topAll.comments).map(() => {
-                  const renderedComments = renderThreadComments(comment.replies.pages.topAll.comments);
+                Object.keys(comment?.replies?.pages?.topAll.comments).map(() => {
+                  const renderedComments = renderThreadComments(comment?.replies?.pages?.topAll.comments);
                   return renderedComments.map(reply => {
                     return (
                   <div key={`mob-rc-${reply.cid}-${Math.random()}`} className="reply-container">
diff --git a/src/utils/getCommentMediaInfo.js b/src/utils/getCommentMediaInfo.js
index 8415eebe..57e6d0b0 100644
--- a/src/utils/getCommentMediaInfo.js
+++ b/src/utils/getCommentMediaInfo.js
@@ -4,12 +4,12 @@ const getCommentMediaInfo = (comment) => {
   if (!comment?.thumbnailUrl && !comment?.link) {
     return;
   }
-  if (comment?.thumbnailUrl) {
-    return {
-      url: comment.link,
-      type: 'webpage'
-    };
-  }
+  // if (comment?.thumbnailUrl) {
+  //   return {
+  //     url: comment.link,
+  //     type: 'webpage'
+  //   };
+  // }
   if (comment?.link) {
     try {
       new URL(comment.link);
diff --git a/src/utils/renderComments.js b/src/utils/renderComments.js
index 4f99e185..d47827fb 100644
--- a/src/utils/renderComments.js
+++ b/src/utils/renderComments.js
@@ -3,7 +3,7 @@ function renderComments(comments) {
   let omittedCount = 0;
 
   const renderComment = (comment) => {
-    const { replyCount, replies: { pages: { topAll: { comments: nestedComments } } } } = comment;
+    const { replyCount, replies: { pages: { topAll: { comments: nestedComments = [] } = {} } = {} } = {} } = comment;
     let renderedNestedComments = [];
 
     if (replyCount > 0 && nestedComments.length > 0) {
@@ -21,8 +21,8 @@ function renderComments(comments) {
     return displayedComments;
   };
 
-  const renderedComments = comments.flatMap(renderComment);
-  renderedComments.sort((a, b) => a.timestamp - b.timestamp);
+  const renderedComments = comments?.flatMap(renderComment);
+  renderedComments?.sort((a, b) => a.timestamp - b.timestamp);
 
   return { renderedComments, omittedCount };
 }
diff --git a/src/utils/renderThreadComments.js b/src/utils/renderThreadComments.js
index 58b5b874..05efd097 100644
--- a/src/utils/renderThreadComments.js
+++ b/src/utils/renderThreadComments.js
@@ -2,7 +2,7 @@ function renderThreadComments(comments) {
   const commentKeys = Object.keys(comments);
   const renderedComments = commentKeys.map(key => {
     const comment = comments[key];
-    const { replies: { pages: { topAll: { comments: nestedComments } } } } = comment;
+    const { replies: { pages: { topAll: { comments: nestedComments = [] } = {} } = {} } = {} } = comment;
     if (comment.replyCount > 0 && nestedComments) {
       const renderedNestedComments = renderThreadComments(nestedComments);
       return [comment, ...renderedNestedComments];