From ec2bc277c07cf801b4383ff009e5d2a3e1ed39dd Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 9 Jul 2023 16:03:46 +0200
Subject: [PATCH] fix verified author actions

---
 src/components/views/All.jsx                  |  122 +-
 src/components/views/AllCatalog.jsx           |   68 +-
 src/components/views/Board.jsx                | 2754 +++++++++--------
 src/components/views/Catalog.jsx              |   64 +-
 src/components/views/Subscriptions.jsx        |  122 +-
 src/components/views/SubscriptionsCatalog.jsx |   68 +-
 src/components/views/Thread.jsx               |  120 +-
 7 files changed, 1682 insertions(+), 1636 deletions(-)

diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx
index 68e4e058..d984ba16 100755
--- a/src/components/views/All.jsx
+++ b/src/components/views/All.jsx
@@ -849,40 +849,44 @@ const All = () => {
                               >
                                 <ul className="post-menu-catalog">
                                   <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                                  {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                     <>
-                                      <li onClick={() => {handleAuthorEditClick(thread); setSelectedAddress(thread.subplebbitAddress);}}>Edit post</li>
-                                      <li onClick={() => {handleAuthorDeleteClick(thread); setSelectedAddress(thread.subplebbitAddress);}}>Delete post</li>
+                                      {authorAddress === account?.author.address || 
+                                      authorAddress === account?.signer.address ? (
+                                        <>
+                                          <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                          <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                        </>
+                                      ) : null}
+                                      {isModerator ? (
+                                        <>
+                                          {authorAddress === account?.author.address ||
+                                          authorAddress === account?.signer.address ? (
+                                            null
+                                          ) : (
+                                            <li onClick={() => {
+                                              setSelectedAddress(thread.subplebbitAddress);
+                                              setModeratingCommentCid(thread.cid)
+                                              setIsModerationOpen(true); 
+                                              handleOptionClick(thread.cid);
+                                              setDeletePost(true);
+                                            }}>
+                                              Delete post
+                                            </li>
+                                          )}
+                                          <li
+                                          onClick={() => {
+                                            setSelectedAddress(thread.subplebbitAddress);
+                                            setModeratingCommentCid(thread.cid)
+                                            setIsModerationOpen(true); 
+                                            handleOptionClick(thread.cid);
+                                          }}>
+                                            Mod tools
+                                          </li>
+                                        </>
+                                      ) : null}
                                     </>
-                                  ) : null}
-                                  {isModerator ? (
-                                    <>
-                                      {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                      <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                        null
-                                      ) : (
-                                        <li onClick={() => {
-                                          setSelectedAddress(thread.subplebbitAddress);
-                                          setModeratingCommentCid(thread.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(thread.cid);
-                                          setDeletePost(true);
-                                        }}>
-                                        Delete post
-                                        </li>
-                                      )}
-                                      <li
-                                      onClick={() => {
-                                        setSelectedAddress(thread.subplebbitAddress);
-                                        setModeratingCommentCid(thread.cid)
-                                        setIsModerationOpen(true); 
-                                        handleOptionClick(thread.cid);
-                                      }}>
-                                        Mod tools
-                                      </li>
-                                    </>
-                                  ) : null}
+                                  )}</VerifiedAuthor>
                                   {(commentMediaInfo && (
                                     commentMediaInfo.type === 'image' || 
                                     (commentMediaInfo.type === 'webpage' && 
@@ -1139,40 +1143,44 @@ const All = () => {
                               >
                                 <ul className="post-menu-catalog">
                                   <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
-                                  {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                     <>
-                                      <li onClick={() => {handleAuthorEditClick(reply); setSelectedAddress(thread.subplebbitAddress);}}>Edit post</li>
-                                      <li onClick={() => {handleAuthorDeleteClick(reply); setSelectedAddress(thread.subplebbitAddress);}}>Delete post</li>
-                                    </>
-                                  ) : null}
-                                  {isModerator ? (
-                                    <>
-                                    {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                        null
-                                      ) : (
-                                        <li onClick={() => {
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        <>
+                                          <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
+                                          <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
+                                        </>
+                                      ) : null}
+                                      {isModerator ? (
+                                        <>
+                                          {authorAddress === account?.author.address || 
+                                          authorAddress === account?.signer.address ? (
+                                            null
+                                          ) : (
+                                          <li onClick={() => {
                                           setSelectedAddress(thread.subplebbitAddress);
                                           setModeratingCommentCid(reply.cid)
                                           setIsModerationOpen(true); 
                                           handleOptionClick(reply.cid);
                                           setDeletePost(true);
+                                          }}>
+                                          Delete post
+                                          </li>
+                                        )}
+                                        <li
+                                        onClick={() => {
+                                          setSelectedAddress(thread.subplebbitAddress);
+                                          setModeratingCommentCid(reply.cid)
+                                          setIsModerationOpen(true); 
+                                          handleOptionClick(reply.cid);
                                         }}>
-                                        Delete post
+                                          Mod tools
                                         </li>
-                                      )}
-                                      <li
-                                      onClick={() => {
-                                        setSelectedAddress(thread.subplebbitAddress);
-                                        setModeratingCommentCid(reply.cid)
-                                        setIsModerationOpen(true); 
-                                        handleOptionClick(reply.cid);
-                                      }}>
-                                        Mod tools
-                                      </li>
+                                      </>
+                                      ) : null}
                                     </>
-                                  ) : null}
+                                  )}</VerifiedAuthor>
                                   {(replyMediaInfo && (
                                     replyMediaInfo.type === 'image' || 
                                     (replyMediaInfo.type === 'webpage' && 
diff --git a/src/components/views/AllCatalog.jsx b/src/components/views/AllCatalog.jsx
index 6400ecba..88819ac8 100755
--- a/src/components/views/AllCatalog.jsx
+++ b/src/components/views/AllCatalog.jsx
@@ -560,40 +560,44 @@ const AllCatalog = () => {
                           >
                             <ul className="post-menu-catalog">
                               <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                              {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                              <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                              <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                 <>
-                                  <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
-                                  <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                  {authorAddress === account?.author.address || 
+                                  authorAddress === account?.signer.address ? (
+                                    <>
+                                      <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                      <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                    </>
+                                  ) : null}
+                                  {isModerator ? (
+                                    <>
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        null
+                                      ) : (
+                                        <li onClick={() => {
+                                          setSelectedAddress(thread.subplebbitAddress);
+                                          setModeratingCommentCid(thread.cid)
+                                          setIsModerationOpen(true); 
+                                          handleOptionClick(thread.cid);
+                                          setDeletePost(true);
+                                        }}>
+                                        Delete post
+                                        </li>
+                                      )}
+                                      <li
+                                      onClick={() => {
+                                        setSelectedAddress(thread.subplebbitAddress);
+                                        setModeratingCommentCid(thread.cid)
+                                        setIsModerationOpen(true); 
+                                        handleOptionClick(thread.cid);
+                                      }}>
+                                        Mod tools
+                                      </li>
+                                    </>
+                                  ) : null}
                                 </>
-                              ) : null}
-                              {isModerator ? (
-                                <>
-                                  {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                    null
-                                  ) : (
-                                    <li onClick={() => {
-                                      setSelectedAddress(thread.subplebbitAddress);
-                                      setModeratingCommentCid(thread.cid)
-                                      setIsModerationOpen(true); 
-                                      handleOptionClick(thread.cid);
-                                      setDeletePost(true);
-                                    }}>
-                                    Delete post
-                                    </li>
-                                  )}
-                                  <li
-                                  onClick={() => {
-                                    setSelectedAddress(thread.subplebbitAddress);
-                                    setModeratingCommentCid(thread.cid)
-                                    setIsModerationOpen(true); 
-                                    handleOptionClick(thread.cid);
-                                  }}>
-                                    Mod tools
-                                  </li>
-                                </>
-                              ) : null}
+                              )}</VerifiedAuthor>
                               {(commentMediaInfo && (
                                 commentMediaInfo.type === 'image' || 
                                 (commentMediaInfo.type === 'webpage' && 
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index f9109d95..140e5b27 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -1274,463 +1274,159 @@ const Board = () => {
                     const commentMediaInfo = getCommentMediaInfo(thread);
                     const fallbackImgUrl = "assets/filedeleted-res.gif";
                     return (
-                  <Fragment key={`fr-${index}`}>
-                    <div key={`t-${index}`} className="thread">
-                      <div key={`c-${index}`} className="op-container">
-                        <div key={`po-${index}`} className="post op op-desktop">
-                          <hr key={`hr-${index}`} />
-                          <div key={`pi-${index}`} className="post-info">
-                          {commentMediaInfo?.url ? (
-                            <div key={`f-${index}`} className="file" style={{marginBottom: "5px"}}>
-                              <div key={`ft-${index}`} className="file-text">
-                                Link:&nbsp;
-                                <a key={`fa-${index}`} href={commentMediaInfo.url} target="_blank"
-                                rel="noopener noreferrer">{
-                                commentMediaInfo?.url.length > 30 ?
-                                commentMediaInfo?.url.slice(0, 30) + "(...)" :
-                                commentMediaInfo?.url
-                                }</a>&nbsp;({commentMediaInfo?.type === "iframe" ? "video" : commentMediaInfo?.type})
-                                {isThumbnailClicked[index] ? (
-                                  <span>
-                                    -[
-                                      <span className='reply-link' 
-                                      style={{textDecoration: 'underline', cursor: 'pointer'}}
-                                      onClick={() => {handleThumbnailClick(index)}}>Close</span>
-                                    ]
-                                  </span>
-                                ) : null}
-                              </div>
-                              {commentMediaInfo?.type === 'iframe' && (
-                                <div key={`enlarge-${index}`}
-                                className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
-                                  <span key={`fta-${index}`} className="file-thumb">
-                                    {(isThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
-                                      <iframe 
-                                        className='enlarged'
-                                        key={`fti-${index}`} 
-                                        src={commentMediaInfo.embedUrl}
-                                        width={commentMediaInfo.thumbnail ? "560" : "250"} 
-                                        height="315"
-                                        style={{border: "none"}}
-                                        title="Embedded content"
-                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-                                        allowFullScreen />
-                                    ) : (
-                                      <img 
-                                        key={`fti-${index}`}
-                                        src={commentMediaInfo.thumbnail} 
-                                        alt="thumbnail"
-                                        onClick={() => {handleThumbnailClick(index)}}
+                      <Fragment key={`fr-${index}`}>
+                        <div key={`t-${index}`} className="thread">
+                          <div key={`c-${index}`} className="op-container">
+                            <div key={`po-${index}`} className="post op op-desktop">
+                              <hr key={`hr-${index}`} />
+                              <div key={`pi-${index}`} className="post-info">
+                              {commentMediaInfo?.url ? (
+                                <div key={`f-${index}`} className="file" style={{marginBottom: "5px"}}>
+                                  <div key={`ft-${index}`} className="file-text">
+                                    Link:&nbsp;
+                                    <a key={`fa-${index}`} href={commentMediaInfo.url} target="_blank"
+                                    rel="noopener noreferrer">{
+                                    commentMediaInfo?.url.length > 30 ?
+                                    commentMediaInfo?.url.slice(0, 30) + "(...)" :
+                                    commentMediaInfo?.url
+                                    }</a>&nbsp;({commentMediaInfo?.type === "iframe" ? "video" : commentMediaInfo?.type})
+                                    {isThumbnailClicked[index] ? (
+                                      <span>
+                                        -[
+                                          <span className='reply-link' 
+                                          style={{textDecoration: 'underline', cursor: 'pointer'}}
+                                          onClick={() => {handleThumbnailClick(index)}}>Close</span>
+                                        ]
+                                      </span>
+                                    ) : null}
+                                  </div>
+                                  {commentMediaInfo?.type === 'iframe' && (
+                                    <div key={`enlarge-${index}`}
+                                    className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
+                                      <span key={`fta-${index}`} className="file-thumb">
+                                        {(isThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
+                                          <iframe 
+                                            className='enlarged'
+                                            key={`fti-${index}`} 
+                                            src={commentMediaInfo.embedUrl}
+                                            width={commentMediaInfo.thumbnail ? "560" : "250"} 
+                                            height="315"
+                                            style={{border: "none"}}
+                                            title="Embedded content"
+                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+                                            allowFullScreen />
+                                        ) : (
+                                          <img 
+                                            key={`fti-${index}`}
+                                            src={commentMediaInfo.thumbnail} 
+                                            alt="thumbnail"
+                                            onClick={() => {handleThumbnailClick(index)}}
+                                            style={{cursor: "pointer"}}
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                        )}
+                                      </span>
+                                    </div>
+                                  )}
+                                  {commentMediaInfo?.type === "webpage" ? (
+                                    <div key={`enlarge-${index}`} className="img-container">
+                                      <span key={`fta-${index}`} className="file-thumb">
+                                        {thread.thumbnailUrl ? (
+                                          <img key={`fti-${index}`} 
+                                          src={commentMediaInfo.thumbnail} alt={commentMediaInfo.type}
+                                          onClick={handleImageClick}
+                                          style={{cursor: "pointer"}}
+                                          onError={(e) => e.target.src = fallbackImgUrl} />
+                                        ) : null}
+                                      </span>
+                                    </div>
+                                  ) : null}
+                                  {commentMediaInfo?.type === "image" ? (
+                                    <div key={`enlarge-${index}`} className="img-container">
+                                      <span key={`fta-${index}`} className="file-thumb">
+                                        <img key={`fti-${index}`} 
+                                        src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                        onClick={handleImageClick}
                                         style={{cursor: "pointer"}}
                                         onError={(e) => e.target.src = fallbackImgUrl} />
-                                    )}
-                                  </span>
-                                </div>
-                              )}
-                              {commentMediaInfo?.type === "webpage" ? (
-                                <div key={`enlarge-${index}`} className="img-container">
-                                  <span key={`fta-${index}`} className="file-thumb">
-                                    {thread.thumbnailUrl ? (
-                                      <img key={`fti-${index}`} 
-                                      src={commentMediaInfo.thumbnail} alt={commentMediaInfo.type}
-                                      onClick={handleImageClick}
-                                      style={{cursor: "pointer"}}
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                    ) : null}
-                                  </span>
-                                </div>
-                              ) : null}
-                              {commentMediaInfo?.type === "image" ? (
-                                <div key={`enlarge-${index}`} className="img-container">
-                                  <span key={`fta-${index}`} className="file-thumb">
-                                    <img key={`fti-${index}`} 
-                                    src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                                    onClick={handleImageClick}
-                                    style={{cursor: "pointer"}}
-                                    onError={(e) => e.target.src = fallbackImgUrl} />
-                                  </span>
-                                </div>
-                              ) : null}
-                              {commentMediaInfo?.type === "video" ? (
-                              <div key={`enlarge-${index}`} className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
-                                <span key={`fta-${index}`} className="file-thumb">
-                                  {isThumbnailClicked[index] ? (
-                                    <video 
-                                      className='enlarged'
-                                      key={`fti-${index}`} 
-                                      src={commentMediaInfo.url} 
-                                      controls
-                                      style={{cursor: "pointer"}}
-                                      onError={(e) => e.target.src = fallbackImgUrl} 
-                                    />
-                                  ) : (
-                                    <video 
-                                      key={`fti-${index}`}
-                                      src={commentMediaInfo.url} 
-                                      alt="thumbnail"
-                                      onClick={() => {handleThumbnailClick(index)}}
-                                      style={{cursor: "pointer"}}
-                                      onError={(e) => e.target.src = fallbackImgUrl} 
-                                    />
-                                  )}
-                                </span>
-                              </div>
-                              ) : null}
-                              {commentMediaInfo?.type === "audio" ? (
-                                <span key={`fta-${index}`} className="file-thumb">
-                                  <audio controls key={`fti-${index}`} 
-                                  src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                                  onError={(e) => e.target.src = fallbackImgUrl} />
-                                </span>
-                              ) : null}
-                            </div>
-                          ) : null}
-                            <span key={`nb-${index}`} className="name-block">
-                              {thread.title ? (
-                                thread.title.length > 75 ?
-                                <Fragment key={`fragment2-${index}`}>
-                                  <span key={`q-${index}`} className="title"
-                                  data-tooltip-id="tooltip"
-                                  data-tooltip-content={thread.title}
-                                  data-tooltip-place="top">
-                                    {thread.title.slice(0, 75) + " (...)"}
-                                  </span>
-                                </Fragment>
-                              : <span key={`q-${index}`} className="title">
-                                {thread.title}
-                                </span>) 
-                              : null}&nbsp;
-                              {thread.author.displayName
-                              ? thread.author.displayName.length > 20
-                              ? <Fragment key={`fragment3-${index}`}>
-                                  <span key={`n-${index}`} className="name"
-                                  data-tooltip-id="tooltip"
-                                  data-tooltip-content={thread.author.displayName}
-                                  data-tooltip-place="top">
-                                    {thread.author.displayName.slice(0, 20) + " (...)"}
-                                  </span>
-                                </Fragment> 
-                                : <span key={`n-${index}`} className="name">
-                                  {thread.author.displayName}</span>
-                              : <span key={`n-${index}`} className="name">
-                                Anonymous</span>}
-                              &nbsp;
-                              (u/
-                              <span key={`pa-${index}`} className="poster-address address-desktop"
-                              id="reply-button" style={{cursor: "pointer"}}
-                                onClick={() => handleAddressClick(<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
-                              >
-                                <VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>
-                              </span>)
-                              &nbsp;
-                              <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
-                              &nbsp;
-                              <span key={`pn-${index}`} className="post-number post-number-desktop">
-                                <span key={`pl1-${index}`}>c/</span>
-                                <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`} 
-                                onClick={(e) => {
-                                  if (e.button === 2) return;
-                                  e.preventDefault();
-                                  setSelectedThreadCid(thread.cid);
-                                  let text = document.getSelection().toString();
-                                  text = text ? `>${text}` : text;
-                                  setSelectedText(text);
-                                  if (isReplyOpen) {
-                                    setReplyQuoteCid(thread.shortCid);
-                                    setTriggerInsertion(Date.now());
-                                  } else {
-                                    setIsReplyOpen(true); 
-                                    setSelectedShortCid(thread.shortCid); 
-                                    setSelectedParentCid(thread.cid);
-                                  }
-                                  }} title="Reply to this post">{thread.shortCid}</Link>
-                                &nbsp;
-                              {thread.pinned ? (
-                                <>
-                                  &nbsp;
-                                  <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
-                                  style={{marginBottom: "-1px",
-                                  imageRendering: "pixelated",}} />
-                                </>
-                              ) : null}
-                              {thread.locked ? (
-                                <>
-                                  &nbsp;
-                                  <img src="assets/closed.gif" alt="Closed" title="Closed"
-                                  style={{
-                                    marginBottom: "-1px",
-                                    imageRendering: "pixelated",
-                                    }} />
-                                </>
-                              ) : null}
-                                <span key={`rl1-${index}`}>&nbsp;
-                                  [
-                                  <Link key={`rl2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="reply-link" >Reply</Link>
-                                  ]
-                                </span>
-                              </span>
-                              <PostMenu 
-                                key={`pmb-${index}`} 
-                                title="Post menu"
-                                ref={el => { 
-                                  threadMenuRefs.current[thread.cid] = el;
-                                }}
-                                className='post-menu-button' 
-                                rotated={openMenuCid === thread.cid}
-                                onClick={(event) => {
-                                  event.stopPropagation();
-                                  const rect = threadMenuRefs.current[thread.cid].getBoundingClientRect();
-                                  setMenuPosition({top: rect.top + window.scrollY, left: rect.left});
-                                  setOpenMenuCid(prevCid => (prevCid === thread.cid ? null : thread.cid));
-                                }}                              
-                              >
-                                ▶
-                              </PostMenu>
-                              {createPortal(
-                                <PostMenuCatalog selectedStyle={selectedStyle} 
-                                ref={el => {postMenuCatalogRef.current = el}}
-                                onClick={(event) => event.stopPropagation()}
-                                style={{position: "absolute", 
-                                top: menuPosition.top + 7, 
-                                left: menuPosition.left}}>
-                                <div className={`post-menu-thread post-menu-thread-${thread.cid}`}
-                                style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
-                                >
-                                  <ul className="post-menu-catalog">
-                                    <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                                    {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                    <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                      <>
-                                        <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
-                                        <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
-                                      </>
-                                    ) : null}
-                                    {isModerator ? (
-                                      <>
-                                        {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                         <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                          null
-                                        ) : (
-                                          <li onClick={() => {
-                                            setModeratingCommentCid(thread.cid)
-                                            setIsModerationOpen(true); 
-                                            handleOptionClick(thread.cid);
-                                            setDeletePost(true);
-                                          }}>
-                                          Delete post
-                                          </li>
-                                        )}
-                                        <li
-                                        onClick={() => {
-                                          setModeratingCommentCid(thread.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(thread.cid);
-                                        }}>
-                                          Mod tools
-                                        </li>
-                                      </>
-                                    ) : null}
-                                    {(commentMediaInfo && (
-                                      commentMediaInfo.type === 'image' || 
-                                      (commentMediaInfo.type === 'webpage' && 
-                                      commentMediaInfo.thumbnail))) ? ( 
-                                        <li 
-                                        onMouseOver={() => {setIsImageSearchOpen(true)}}
-                                        onMouseLeave={() => {setIsImageSearchOpen(false)}}>
-                                          Image search »
-                                          <ul className="dropdown-menu post-menu-catalog"
-                                            style={{display: isImageSearchOpen ? 'block': 'none'}}>
-                                            <li onClick={() => handleOptionClick(thread.cid)}>
-                                              <a 
-                                              href={`https://lens.google.com/uploadbyurl?url=${commentMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >Google</a>
-                                            </li>
-                                            <li onClick={() => handleOptionClick(thread.cid)}>
-                                              <a
-                                              href={`https://yandex.com/images/search?url=${commentMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >Yandex</a>
-                                            </li>
-                                            <li onClick={() => handleOptionClick(thread.cid)}>
-                                              <a
-                                              href={`https://saucenao.com/search.php?url=${commentMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >SauceNAO</a>
-                                            </li>
-                                          </ul>
-                                        </li>
-                                      ) : null
-                                    }
-                                  </ul>
-                                </div>
-                                </PostMenuCatalog>, document.body
-                              )}
-                              <div key={`bi-${index}`} id="backlink-id" className="backlink">
-                                {thread.replies?.pages?.topAll.comments
-                                  .sort((a, b) => a.timestamp - b.timestamp)
-                                  .map((reply, index) => (
-                                    <div key={`div-${index}`} style={{display: 'inline-block'}} 
-                                    ref={el => {
-                                      backlinkRefs.current[reply.cid] = el;
-                                    }}>
-                                      <Link key={`ql-${index}`}
-                                      to={() => {}}
-                                      className="quote-link" 
-                                      onClick={(event) => handleQuoteClick(reply, null, event)}
-                                      onMouseOver={(event) => {
-                                        event.stopPropagation();
-                                        handleQuoteHover(reply, null, () => {
-                                          const rect = backlinkRefs.current[reply.cid].getBoundingClientRect();
-                                          const distanceToRight = window.innerWidth - rect.right;
-                                          const distanceToTop = rect.top;
-                                          const distanceToBottom = window.innerHeight - rect.bottom;
-                                          let top;
-
-                                          if (distanceToTop < postOnHoverHeight / 2) {
-                                            top = window.scrollY - 5;
-                                          } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                            top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                          } else {
-                                            top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                          }
-                                        
-                                          if (distanceToRight < 200) {
-                                            setOutOfViewPosition({
-                                              top,
-                                              right: window.innerWidth - rect.left - 10,
-                                              maxWidth: rect.left - 5
-                                            });
-                                          } else {
-                                            setOutOfViewPosition({
-                                              top,
-                                              left: rect.left + rect.width + 5,
-                                              maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                            });
-                                          }
-                                          setOutOfViewCid(reply.cid);
-                                        });
-                                      }}
-                                      onMouseLeave={() => {
-                                        removeHighlight();
-                                        setOutOfViewCid(null);
-                                      }}>
-                                        c/{reply.shortCid}</Link>
-                                        &nbsp;
+                                      </span>
                                     </div>
-                                  ))
-                                }
-                              </div>
-                            </span>
-                            {thread.content ? (
-                              thread.content?.length > 1000 ?
-                              <Fragment key={`fragment5-${index}`}>
-                                <blockquote key={`bq-${index}`}>
-                                  <Post content={thread.content?.slice(0, 1000)} key={`post-${index}`} />
-                                  <span key={`ttl-s-${index}`} className="ttl"> (...) 
-                                    <br key={`ttl-s-br1-${index}`} />
-                                    <EditLabel key={`edit-label-thread-${index}`} 
-                                    commentCid={thread.cid}
-                                    className="ttl"/>
-                                    <StateLabel key={`state-label-thread-${index}`}
-                                    commentIndex={thread.index}
-                                    className="ttl ellipsis"/>
-                                    <br key={`ttl-s-br2${index}`} />
-                                    Post too long.&nbsp;
-                                    <Link key={`ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
-                                    &nbsp;to view. 
-                                  </span>
-                                </blockquote>
-                              </Fragment>
-                            : <blockquote key={`bq-${index}`}>
-                                <Post content={thread.content} key={`post-${index}`} />
-                                <EditLabel key={`edit-label-thread-${index}`} 
-                                commentCid={thread.cid}
-                                className="ttl"/>
-                                <StateLabel key={`state-label-thread-${index}`}
-                                commentIndex={thread.index}
-                                className="ttl ellipsis"/>
-                              </blockquote>)
-                            : null}
-                          </div>
-                        </div>
-                      </div>
-                      <span key={`summary-${index}`} className="summary">
-                        {omittedCount > 0 ? (
-                          <>
-                            {thread.content ? null : <br />}
-                            <span key={`oc-${index}`} className="ttl">
-                              <span key={`oc1-${index}`}>
-                                {omittedCount} post{omittedCount > 1 ? "s" : ""} omitted. Click&nbsp;
-                                <Link key={`oc2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">here</Link>
-                                &nbsp;to view.
-                              </span>
-                            </span>
-                          </>
-                        ) : null}
-                      </span>
-                      {displayedReplies?.map((reply, index) => {
-                        const replyMediaInfo = getCommentMediaInfo(reply);
-                        const fallbackImgUrl = "assets/filedeleted-res.gif";
-                        const shortParentCid = findShortParentCid(reply.parentCid, selectedFeed);
-                        let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
-                        let signerAddress;
-                        if (storedSigners[reply.parentCid]) {
-                          signerAddress = storedSigners[reply.parentCid].address;
-                        }
-                        return (
-                          <div key={`rc-${index}`} className="reply-container">
-                            <div key={`sa-${index}`} className="side-arrows">{'>>'}</div>
-                            <div key={`pr-${index}`} className="post-reply post-reply-desktop">
-                              <div key={`pi-${index}`} className="post-info">
-                                <span key={`nb-${index}`} className="nameblock">
-                                  {reply.author.displayName
-                                    ? reply.author.displayName.length > 20
-                                    ? <Fragment key={`fragment6-${index}`}>
-                                        <span key={`mob-n-${index}`} className="name"
-                                        data-tooltip-id="tooltip"
-                                        data-tooltip-content={reply.author.displayName}
-                                        data-tooltip-place="top">
-                                          {reply.author.displayName.slice(0, 20) + " (...)"}
-                                        </span>
-                                      </Fragment>
-                                      : <span key={`mob-n-${index}`} className="name">
-                                        {reply.author.displayName}</span>
-                                    : <span key={`mob-n-${index}`} className="name">
-                                      Anonymous</span>}
+                                  ) : null}
+                                  {commentMediaInfo?.type === "video" ? (
+                                  <div key={`enlarge-${index}`} className={`img-container ${isThumbnailClicked[index] ? 'expanded-container' : ''}`}>
+                                    <span key={`fta-${index}`} className="file-thumb">
+                                      {isThumbnailClicked[index] ? (
+                                        <video 
+                                          className='enlarged'
+                                          key={`fti-${index}`} 
+                                          src={commentMediaInfo.url} 
+                                          controls
+                                          style={{cursor: "pointer"}}
+                                          onError={(e) => e.target.src = fallbackImgUrl} 
+                                        />
+                                      ) : (
+                                        <video 
+                                          key={`fti-${index}`}
+                                          src={commentMediaInfo.url} 
+                                          alt="thumbnail"
+                                          onClick={() => {handleThumbnailClick(index)}}
+                                          style={{cursor: "pointer"}}
+                                          onError={(e) => e.target.src = fallbackImgUrl} 
+                                        />
+                                      )}
+                                    </span>
+                                  </div>
+                                  ) : null}
+                                  {commentMediaInfo?.type === "audio" ? (
+                                    <span key={`fta-${index}`} className="file-thumb">
+                                      <audio controls key={`fti-${index}`} 
+                                      src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                      onError={(e) => e.target.src = fallbackImgUrl} />
+                                    </span>
+                                  ) : null}
+                                </div>
+                              ) : null}
+                                <span key={`nb-${index}`} className="name-block">
+                                  {thread.title ? (
+                                    thread.title.length > 75 ?
+                                    <Fragment key={`fragment2-${index}`}>
+                                      <span key={`q-${index}`} className="title"
+                                      data-tooltip-id="tooltip"
+                                      data-tooltip-content={thread.title}
+                                      data-tooltip-place="top">
+                                        {thread.title.slice(0, 75) + " (...)"}
+                                      </span>
+                                    </Fragment>
+                                  : <span key={`q-${index}`} className="title">
+                                    {thread.title}
+                                    </span>) 
+                                  : null}&nbsp;
+                                  {thread.author.displayName
+                                  ? thread.author.displayName.length > 20
+                                  ? <Fragment key={`fragment3-${index}`}>
+                                      <span key={`n-${index}`} className="name"
+                                      data-tooltip-id="tooltip"
+                                      data-tooltip-content={thread.author.displayName}
+                                      data-tooltip-place="top">
+                                        {thread.author.displayName.slice(0, 20) + " (...)"}
+                                      </span>
+                                    </Fragment> 
+                                    : <span key={`n-${index}`} className="name">
+                                      {thread.author.displayName}</span>
+                                  : <span key={`n-${index}`} className="name">
+                                    Anonymous</span>}
                                   &nbsp;
+                                  (u/
                                   <span key={`pa-${index}`} className="poster-address address-desktop"
-                                    id="reply-button" style={{cursor: "pointer"}}
-                                    onClick={() => handleAddressClick(<VerifiedAuthor commentCid={reply.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
+                                  id="reply-button" style={{cursor: "pointer"}}
+                                    onClick={() => handleAddressClick(<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
                                   >
-                                    (u/
-                                      {reply.author?.shortAddress ?
-                                        (
-                                          <span key={`mob-ha-${index}`}>
-                                            {reply.author?.shortAddress}
-                                          </span>
-                                        ) : (
-                                          anonymousMode ? (
-                                            <span key={`mob-ha-${index}`}>
-                                              {signerAddress?.slice(8, 20)}
-                                            </span>
-                                          ) : (
-                                            <span key={`mob-ha-${index}`}
-                                            >
-                                              {account?.author?.shortAddress}
-                                            </span>
-                                          )
-                                        )
-                                      }
-                                    )
-                                  </span>
-                                </span>
-                                &nbsp;
-                                <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
-                                &nbsp;
-                                <span key={`pn-${index}`} className="post-number post-number-desktop">
-                                  <span key={`pl1-${index}`}>c/</span>
-                                  {reply.shortCid ? (
+                                    <VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>
+                                  </span>)
+                                  &nbsp;
+                                  <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
+                                  &nbsp;
+                                  <span key={`pn-${index}`} className="post-number post-number-desktop">
+                                    <span key={`pl1-${index}`}>c/</span>
                                     <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`} 
                                     onClick={(e) => {
                                       if (e.button === 2) return;
@@ -1740,131 +1436,1134 @@ const Board = () => {
                                       text = text ? `>${text}` : text;
                                       setSelectedText(text);
                                       if (isReplyOpen) {
-                                        setReplyQuoteCid(reply.shortCid);
+                                        setReplyQuoteCid(thread.shortCid);
                                         setTriggerInsertion(Date.now());
                                       } else {
                                         setIsReplyOpen(true); 
-                                        setSelectedShortCid(reply.shortCid); 
-                                        setSelectedParentCid(reply.cid);
+                                        setSelectedShortCid(thread.shortCid); 
+                                        setSelectedParentCid(thread.cid);
                                       }
-                                    }} title="Reply to this post">{reply.shortCid}</Link>
-                                  ) : (
-                                    <PendingLabel key="pending" commentIndex={reply.index} />
+                                      }} title="Reply to this post">{thread.shortCid}</Link>
+                                    &nbsp;
+                                  {thread.pinned ? (
+                                    <>
+                                      &nbsp;
+                                      <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
+                                      style={{marginBottom: "-1px",
+                                      imageRendering: "pixelated",}} />
+                                    </>
+                                  ) : null}
+                                  {thread.locked ? (
+                                    <>
+                                      &nbsp;
+                                      <img src="assets/closed.gif" alt="Closed" title="Closed"
+                                      style={{
+                                        marginBottom: "-1px",
+                                        imageRendering: "pixelated",
+                                        }} />
+                                    </>
+                                  ) : null}
+                                    <span key={`rl1-${index}`}>&nbsp;
+                                      [
+                                      <Link key={`rl2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="reply-link" >Reply</Link>
+                                      ]
+                                    </span>
+                                  </span>
+                                  <PostMenu 
+                                    key={`pmb-${index}`} 
+                                    title="Post menu"
+                                    ref={el => { 
+                                      threadMenuRefs.current[thread.cid] = el;
+                                    }}
+                                    className='post-menu-button' 
+                                    rotated={openMenuCid === thread.cid}
+                                    onClick={(event) => {
+                                      event.stopPropagation();
+                                      const rect = threadMenuRefs.current[thread.cid].getBoundingClientRect();
+                                      setMenuPosition({top: rect.top + window.scrollY, left: rect.left});
+                                      setOpenMenuCid(prevCid => (prevCid === thread.cid ? null : thread.cid));
+                                    }}                              
+                                  >
+                                    ▶
+                                  </PostMenu>
+                                  {createPortal(
+                                    <PostMenuCatalog selectedStyle={selectedStyle} 
+                                    ref={el => {postMenuCatalogRef.current = el}}
+                                    onClick={(event) => event.stopPropagation()}
+                                    style={{position: "absolute", 
+                                    top: menuPosition.top + 7, 
+                                    left: menuPosition.left}}>
+                                    <div className={`post-menu-thread post-menu-thread-${thread.cid}`}
+                                    style={{ display: openMenuCid === thread.cid ? 'block' : 'none' }}
+                                    >
+                                      <ul className="post-menu-catalog">
+                                        <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
+                                        <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
+                                          <>
+                                            {authorAddress === account?.author.address || 
+                                            authorAddress === account?.signer.address ? (
+                                              <>
+                                                <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                                <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                              </>
+                                            ) : null}
+                                            {isModerator ? (
+                                              <>
+                                                {authorAddress === account?.author.address ||
+                                                authorAddress === account?.signer.address ? (
+                                                  null
+                                                ) : (
+                                                  <li onClick={() => {
+                                                    setModeratingCommentCid(thread.cid)
+                                                    setIsModerationOpen(true); 
+                                                    handleOptionClick(thread.cid);
+                                                    setDeletePost(true);
+                                                  }}>
+                                                  Delete post
+                                                  </li>
+                                                )}
+                                                <li
+                                                onClick={() => {
+                                                  setModeratingCommentCid(thread.cid)
+                                                  setIsModerationOpen(true); 
+                                                  handleOptionClick(thread.cid);
+                                                }}>
+                                                  Mod tools
+                                                </li>
+                                              </>
+                                            ) : null}
+                                          </>
+                                        )}</VerifiedAuthor>
+                                        {(commentMediaInfo && (
+                                          commentMediaInfo.type === 'image' || 
+                                          (commentMediaInfo.type === 'webpage' && 
+                                          commentMediaInfo.thumbnail))) ? ( 
+                                            <li 
+                                            onMouseOver={() => {setIsImageSearchOpen(true)}}
+                                            onMouseLeave={() => {setIsImageSearchOpen(false)}}>
+                                              Image search »
+                                              <ul className="dropdown-menu post-menu-catalog"
+                                                style={{display: isImageSearchOpen ? 'block': 'none'}}>
+                                                <li onClick={() => handleOptionClick(thread.cid)}>
+                                                  <a 
+                                                  href={`https://lens.google.com/uploadbyurl?url=${commentMediaInfo.url}`}
+                                                  target="_blank" rel="noreferrer"
+                                                  >Google</a>
+                                                </li>
+                                                <li onClick={() => handleOptionClick(thread.cid)}>
+                                                  <a
+                                                  href={`https://yandex.com/images/search?url=${commentMediaInfo.url}`}
+                                                  target="_blank" rel="noreferrer"
+                                                  >Yandex</a>
+                                                </li>
+                                                <li onClick={() => handleOptionClick(thread.cid)}>
+                                                  <a
+                                                  href={`https://saucenao.com/search.php?url=${commentMediaInfo.url}`}
+                                                  target="_blank" rel="noreferrer"
+                                                  >SauceNAO</a>
+                                                </li>
+                                              </ul>
+                                            </li>
+                                          ) : null
+                                        }
+                                      </ul>
+                                    </div>
+                                    </PostMenuCatalog>, document.body
                                   )}
-                                </span>&nbsp;
-                                <PostMenu 
-                                key={`pmb-${index}`} 
-                                title="Post menu"
-                                ref={el => { 
-                                  replyMenuRefs.current[reply.cid] = el; 
-                                }}
-                                className='post-menu-button' 
-                                rotated={openMenuCid === reply.cid}
-                                onClick={(event) => {
-                                  event.stopPropagation();
-                                  const rect = replyMenuRefs.current[reply.cid].getBoundingClientRect();
-                                  setMenuPosition({top: rect.top + window.scrollY, left: rect.left});
-                                  setOpenMenuCid(prevCid => (prevCid === reply.cid ? null : reply.cid));
-                                }} 
-                              >
-                                ▶
-                              </PostMenu>
-                              {createPortal(
-                                <PostMenuCatalog selectedStyle={selectedStyle} 
-                                ref={el => {postMenuCatalogRef.current = el}}
-                                onClick={(event) => event.stopPropagation()}
-                                style={{position: "absolute", 
-                                top: menuPosition.top + 7, 
-                                left: menuPosition.left}}>
-                                <div className={`post-menu-reply post-menu-reply-${reply.cid}`}
-                                style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
-                                >
-                                  <ul className="post-menu-catalog">
-                                    <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
-                                    {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                      <>
-                                        <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
-                                        <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
-                                      </>
-                                    ) : null}
-                                    {isModerator ? (
-                                      <>
-                                        {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                         <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                          null
-                                        ) : (
-                                          <li onClick={() => {
-                                            setModeratingCommentCid(reply.cid)
-                                            setIsModerationOpen(true); 
-                                            handleOptionClick(reply.cid);
-                                            setDeletePost(true);
-                                          }}>
-                                          Delete post
-                                          </li>
-                                        )}
-                                        <li
-                                        onClick={() => {
-                                          setModeratingCommentCid(reply.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(reply.cid);
+                                  <div key={`bi-${index}`} id="backlink-id" className="backlink">
+                                    {thread.replies?.pages?.topAll.comments
+                                      .sort((a, b) => a.timestamp - b.timestamp)
+                                      .map((reply, index) => (
+                                        <div key={`div-${index}`} style={{display: 'inline-block'}} 
+                                        ref={el => {
+                                          backlinkRefs.current[reply.cid] = el;
                                         }}>
-                                          Mod tools
-                                        </li>
-                                      </>
-                                    ) : null}
-                                    {(replyMediaInfo && (
-                                      replyMediaInfo.type === 'image' || 
-                                      (replyMediaInfo.type === 'webpage' && 
-                                      replyMediaInfo.thumbnail))) ? ( 
-                                        <li 
-                                        onMouseOver={() => {setIsImageSearchOpen(true)}}
-                                        onMouseLeave={() => {setIsImageSearchOpen(false)}}>
-                                          Image search »
-                                          <ul className="dropdown-menu post-menu-catalog"
-                                            style={{display: isImageSearchOpen ? 'block': 'none'}}>
-                                            <li onClick={() => handleOptionClick(reply.cid)}>
-                                              <a 
-                                              href={`https://lens.google.com/uploadbyurl?url=${replyMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >Google</a>
-                                            </li>
-                                            <li onClick={() => handleOptionClick(reply.cid)}>
-                                              <a
-                                              href={`https://yandex.com/images/search?url=${replyMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >Yandex</a>
-                                            </li>
-                                            <li onClick={() => handleOptionClick(reply.cid)}>
-                                              <a
-                                              href={`https://saucenao.com/search.php?url=${replyMediaInfo.url}`}
-                                              target="_blank" rel="noreferrer"
-                                              >SauceNAO</a>
-                                            </li>
-                                          </ul>
-                                        </li>
-                                      ) : null
+                                          <Link key={`ql-${index}`}
+                                          to={() => {}}
+                                          className="quote-link" 
+                                          onClick={(event) => handleQuoteClick(reply, null, event)}
+                                          onMouseOver={(event) => {
+                                            event.stopPropagation();
+                                            handleQuoteHover(reply, null, () => {
+                                              const rect = backlinkRefs.current[reply.cid].getBoundingClientRect();
+                                              const distanceToRight = window.innerWidth - rect.right;
+                                              const distanceToTop = rect.top;
+                                              const distanceToBottom = window.innerHeight - rect.bottom;
+                                              let top;
+
+                                              if (distanceToTop < postOnHoverHeight / 2) {
+                                                top = window.scrollY - 5;
+                                              } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                              } else {
+                                                top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                              }
+                                            
+                                              if (distanceToRight < 200) {
+                                                setOutOfViewPosition({
+                                                  top,
+                                                  right: window.innerWidth - rect.left - 10,
+                                                  maxWidth: rect.left - 5
+                                                });
+                                              } else {
+                                                setOutOfViewPosition({
+                                                  top,
+                                                  left: rect.left + rect.width + 5,
+                                                  maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                });
+                                              }
+                                              setOutOfViewCid(reply.cid);
+                                            });
+                                          }}
+                                          onMouseLeave={() => {
+                                            removeHighlight();
+                                            setOutOfViewCid(null);
+                                          }}>
+                                            c/{reply.shortCid}</Link>
+                                            &nbsp;
+                                        </div>
+                                      ))
                                     }
-                                  </ul>
+                                  </div>
+                                </span>
+                                {thread.content ? (
+                                  thread.content?.length > 1000 ?
+                                  <Fragment key={`fragment5-${index}`}>
+                                    <blockquote key={`bq-${index}`}>
+                                      <Post content={thread.content?.slice(0, 1000)} key={`post-${index}`} />
+                                      <span key={`ttl-s-${index}`} className="ttl"> (...) 
+                                        <br key={`ttl-s-br1-${index}`} />
+                                        <EditLabel key={`edit-label-thread-${index}`} 
+                                        commentCid={thread.cid}
+                                        className="ttl"/>
+                                        <StateLabel key={`state-label-thread-${index}`}
+                                        commentIndex={thread.index}
+                                        className="ttl ellipsis"/>
+                                        <br key={`ttl-s-br2${index}`} />
+                                        Post too long.&nbsp;
+                                        <Link key={`ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
+                                        &nbsp;to view. 
+                                      </span>
+                                    </blockquote>
+                                  </Fragment>
+                                : <blockquote key={`bq-${index}`}>
+                                    <Post content={thread.content} key={`post-${index}`} />
+                                    <EditLabel key={`edit-label-thread-${index}`} 
+                                    commentCid={thread.cid}
+                                    className="ttl"/>
+                                    <StateLabel key={`state-label-thread-${index}`}
+                                    commentIndex={thread.index}
+                                    className="ttl ellipsis"/>
+                                  </blockquote>)
+                                : null}
+                              </div>
+                            </div>
+                          </div>
+                          <span key={`summary-${index}`} className="summary">
+                            {omittedCount > 0 ? (
+                              <>
+                                {thread.content ? null : <br />}
+                                <span key={`oc-${index}`} className="ttl">
+                                  <span key={`oc1-${index}`}>
+                                    {omittedCount} post{omittedCount > 1 ? "s" : ""} omitted. Click&nbsp;
+                                    <Link key={`oc2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">here</Link>
+                                    &nbsp;to view.
+                                  </span>
+                                </span>
+                              </>
+                            ) : null}
+                          </span>
+                          {displayedReplies?.map((reply, index) => {
+                            const replyMediaInfo = getCommentMediaInfo(reply);
+                            const fallbackImgUrl = "assets/filedeleted-res.gif";
+                            const shortParentCid = findShortParentCid(reply.parentCid, selectedFeed);
+                            let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
+                            let signerAddress;
+                            if (storedSigners[reply.parentCid]) {
+                              signerAddress = storedSigners[reply.parentCid].address;
+                            }
+                            return (
+                              <Fragment key={`fr-reply-${index}`}>
+                                <div key={`rc-${index}`} className="reply-container">
+                                  <div key={`sa-${index}`} className="side-arrows">{'>>'}</div>
+                                  <div key={`pr-${index}`} className="post-reply post-reply-desktop">
+                                    <div key={`pi-${index}`} className="post-info">
+                                      <span key={`nb-${index}`} className="nameblock">
+                                        {reply.author.displayName
+                                          ? reply.author.displayName.length > 20
+                                          ? <Fragment key={`fragment6-${index}`}>
+                                              <span key={`mob-n-${index}`} className="name"
+                                              data-tooltip-id="tooltip"
+                                              data-tooltip-content={reply.author.displayName}
+                                              data-tooltip-place="top">
+                                                {reply.author.displayName.slice(0, 20) + " (...)"}
+                                              </span>
+                                            </Fragment>
+                                            : <span key={`mob-n-${index}`} className="name">
+                                              {reply.author.displayName}</span>
+                                          : <span key={`mob-n-${index}`} className="name">
+                                            Anonymous</span>}
+                                        &nbsp;
+                                        <span key={`pa-${index}`} className="poster-address address-desktop"
+                                          id="reply-button" style={{cursor: "pointer"}}
+                                          onClick={() => handleAddressClick(<VerifiedAuthor commentCid={reply.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
+                                        >
+                                          (u/
+                                            {reply.author?.shortAddress ?
+                                              (
+                                                <span key={`mob-ha-${index}`}>
+                                                  {reply.author?.shortAddress}
+                                                </span>
+                                              ) : (
+                                                anonymousMode ? (
+                                                  <span key={`mob-ha-${index}`}>
+                                                    {signerAddress?.slice(8, 20)}
+                                                  </span>
+                                                ) : (
+                                                  <span key={`mob-ha-${index}`}
+                                                  >
+                                                    {account?.author?.shortAddress}
+                                                  </span>
+                                                )
+                                              )
+                                            }
+                                          )
+                                        </span>
+                                      </span>
+                                      &nbsp;
+                                      <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
+                                      &nbsp;
+                                      <span key={`pn-${index}`} className="post-number post-number-desktop">
+                                        <span key={`pl1-${index}`}>c/</span>
+                                        {reply.shortCid ? (
+                                          <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`} 
+                                          onClick={(e) => {
+                                            if (e.button === 2) return;
+                                            e.preventDefault();
+                                            setSelectedThreadCid(thread.cid);
+                                            let text = document.getSelection().toString();
+                                            text = text ? `>${text}` : text;
+                                            setSelectedText(text);
+                                            if (isReplyOpen) {
+                                              setReplyQuoteCid(reply.shortCid);
+                                              setTriggerInsertion(Date.now());
+                                            } else {
+                                              setIsReplyOpen(true); 
+                                              setSelectedShortCid(reply.shortCid); 
+                                              setSelectedParentCid(reply.cid);
+                                            }
+                                          }} title="Reply to this post">{reply.shortCid}</Link>
+                                        ) : (
+                                          <PendingLabel key="pending" commentIndex={reply.index} />
+                                        )}
+                                      </span>&nbsp;
+                                      <PostMenu 
+                                      key={`pmb-${index}`} 
+                                      title="Post menu"
+                                      ref={el => { 
+                                        replyMenuRefs.current[reply.cid] = el; 
+                                      }}
+                                      className='post-menu-button' 
+                                      rotated={openMenuCid === reply.cid}
+                                      onClick={(event) => {
+                                        event.stopPropagation();
+                                        const rect = replyMenuRefs.current[reply.cid].getBoundingClientRect();
+                                        setMenuPosition({top: rect.top + window.scrollY, left: rect.left});
+                                        setOpenMenuCid(prevCid => (prevCid === reply.cid ? null : reply.cid));
+                                      }} 
+                                    >
+                                      ▶
+                                    </PostMenu>
+                                    {createPortal(
+                                      <PostMenuCatalog selectedStyle={selectedStyle} 
+                                      ref={el => {postMenuCatalogRef.current = el}}
+                                      onClick={(event) => event.stopPropagation()}
+                                      style={{position: "absolute", 
+                                      top: menuPosition.top + 7, 
+                                      left: menuPosition.left}}>
+                                      <div className={`post-menu-reply post-menu-reply-${reply.cid}`}
+                                      style={{ display: openMenuCid === reply.cid ? 'block' : 'none' }}
+                                      >
+                                        <ul className="post-menu-catalog">
+                                          <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
+                                          <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
+                                            <>
+                                              {authorAddress === account?.author.address ||
+                                              authorAddress === account?.signer.address ? (
+                                                <>
+                                                  <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
+                                                  <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
+                                                </>
+                                              ) : null}
+                                              {isModerator ? (
+                                                <>
+                                                  {authorAddress === account?.author.address || 
+                                                  authorAddress === account?.signer.address ? (
+                                                    null
+                                                  ) : (
+                                                    <li onClick={() => {
+                                                      setModeratingCommentCid(reply.cid)
+                                                      setIsModerationOpen(true); 
+                                                      handleOptionClick(reply.cid);
+                                                      setDeletePost(true);
+                                                    }}>
+                                                    Delete post
+                                                    </li>
+                                                  )}
+                                                  <li
+                                                  onClick={() => {
+                                                    setModeratingCommentCid(reply.cid)
+                                                    setIsModerationOpen(true); 
+                                                    handleOptionClick(reply.cid);
+                                                  }}>
+                                                    Mod tools
+                                                  </li>
+                                                </>
+                                              ) : null}
+                                            </>
+                                          )}</VerifiedAuthor>
+                                          {(replyMediaInfo && (
+                                            replyMediaInfo.type === 'image' || 
+                                            (replyMediaInfo.type === 'webpage' && 
+                                            replyMediaInfo.thumbnail))) ? ( 
+                                              <li 
+                                              onMouseOver={() => {setIsImageSearchOpen(true)}}
+                                              onMouseLeave={() => {setIsImageSearchOpen(false)}}>
+                                                Image search »
+                                                <ul className="dropdown-menu post-menu-catalog"
+                                                  style={{display: isImageSearchOpen ? 'block': 'none'}}>
+                                                  <li onClick={() => handleOptionClick(reply.cid)}>
+                                                    <a 
+                                                    href={`https://lens.google.com/uploadbyurl?url=${replyMediaInfo.url}`}
+                                                    target="_blank" rel="noreferrer"
+                                                    >Google</a>
+                                                  </li>
+                                                  <li onClick={() => handleOptionClick(reply.cid)}>
+                                                    <a
+                                                    href={`https://yandex.com/images/search?url=${replyMediaInfo.url}`}
+                                                    target="_blank" rel="noreferrer"
+                                                    >Yandex</a>
+                                                  </li>
+                                                  <li onClick={() => handleOptionClick(reply.cid)}>
+                                                    <a
+                                                    href={`https://saucenao.com/search.php?url=${replyMediaInfo.url}`}
+                                                    target="_blank" rel="noreferrer"
+                                                    >SauceNAO</a>
+                                                  </li>
+                                                </ul>
+                                              </li>
+                                            ) : null
+                                          }
+                                        </ul>
+                                      </div>
+                                      </PostMenuCatalog>, document.body
+                                    )}
+                                      <div key={`bi-${index}`} id="backlink-id" className="backlink">
+                                        {reply.replies?.pages?.topAll.comments
+                                          .sort((a, b) => a.timestamp - b.timestamp)
+                                          .map((reply, index) => (
+                                            <div key={`div-${index}`} style={{display: 'inline-block'}} 
+                                            ref={el => {
+                                              backlinkRefs.current[reply.cid] = el;
+                                            }}>
+                                            <Link key={`ql-${index}`}
+                                            to={() => {}} className="quote-link" 
+                                            onClick={(event) => handleQuoteClick(reply, null, event)}
+                                            onMouseOver={(event) => {
+                                              event.stopPropagation();
+                                              handleQuoteHover(reply, null, () => {
+                                                setOutOfViewCid(reply.cid);
+                                                const rect = backlinkRefs.current[reply.cid].getBoundingClientRect();
+                                                const distanceToRight = window.innerWidth - rect.right;
+                                                const distanceToTop = rect.top;
+                                                const distanceToBottom = window.innerHeight - rect.bottom;
+                                                let top;
+
+                                                if (distanceToTop < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - 5;
+                                                } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                                } else {
+                                                  top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                                }
+                                              
+                                                if (distanceToRight < 200) {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    right: window.innerWidth - rect.left - 10,
+                                                    maxWidth: rect.left - 5
+                                                  });
+                                                } else {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    left: rect.left + rect.width + 5,
+                                                    maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                  });
+                                                }
+                                              });
+                                            }}
+                                            onMouseLeave={() => {
+                                              removeHighlight();
+                                              setOutOfViewCid(null);
+                                            }}>
+                                              c/{reply.shortCid}</Link>
+                                              &nbsp;
+                                            </div>
+                                          ))
+                                        }
+                                      </div>
+                                    </div>
+                                    {replyMediaInfo?.url ? (
+                                      <div key={`f-${index}`} className="file" 
+                                      style={{marginBottom: "5px"}}>
+                                        <div key={`ft-${index}`} className="reply-file-text">
+                                          Link:&nbsp;
+                                          <a key={`fa-${index}`} href={replyMediaInfo.url} target="_blank"
+                                          rel="noopener noreferrer">{
+                                          replyMediaInfo?.url.length > 30 ?
+                                          replyMediaInfo?.url.slice(0, 30) + "(...)" :
+                                          replyMediaInfo?.url
+                                          }</a>&nbsp;({replyMediaInfo?.type})
+                                        </div>
+                                        {replyMediaInfo?.type === "webpage" ? (
+                                          <div key={`enlarge-reply-${index}`} className="img-container">
+                                            <span key={`fta-${index}`} className="file-thumb-reply">
+                                              {reply.thumbnailUrl ? (
+                                                <img key={`fti-${index}`}
+                                                src={replyMediaInfo.thumbnail} alt={replyMediaInfo.type}
+                                                onClick={handleImageClick}
+                                                style={{cursor: "pointer"}}
+                                                onError={(e) => e.target.src = fallbackImgUrl} />
+                                              ) : null}
+                                            </span>
+                                          </div>
+                                        ) : null}
+                                        {replyMediaInfo?.type === "image" ? (
+                                          <div key={`enlarge-reply-${index}`} className="img-container">
+                                            <span key={`fta-${index}`} className="file-thumb-reply">
+                                              <img key={`fti-${index}`}
+                                              src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                              onClick={handleImageClick}
+                                              style={{cursor: "pointer"}}
+                                              onError={(e) => e.target.src = fallbackImgUrl} />
+                                            </span>
+                                          </div>
+                                        ) : null}
+                                        {replyMediaInfo?.type === "video" ? (
+                                          <span key={`fta-${index}`} className="file-thumb-reply">
+                                            <video controls
+                                            key={`fti-${index}`} 
+                                            src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                          </span>
+                                        ) : null}
+                                        {replyMediaInfo?.type === "audio" ? (
+                                          <span key={`fta-${index}`} className="file-thumb-reply">
+                                            <audio controls 
+                                            key={`fti-${index}`}
+                                            src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                          </span>
+                                        ) : null}
+                                      </div>
+                                    ) : null}
+                                    {reply.content ? (
+                                      reply.content?.length > 500 ?
+                                      <Fragment key={`fragment8-${index}`}>
+                                        <blockquote key={`pm-${index}`} comment={reply} className="post-message">
+                                          <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"  
+                                            ref={el => {
+                                              quoteRefs.current[reply.cid] = el;
+                                            }}
+                                            onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
+                                            onMouseOver={(event) => {
+                                              event.stopPropagation();
+                                              handleQuoteHover(reply, shortParentCid, () => {
+                                                  setOutOfViewCid(reply.parentCid);
+                                                  const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
+                                                  const distanceToRight = window.innerWidth - rect.right;
+                                                  const distanceToTop = rect.top;
+                                                  const distanceToBottom = window.innerHeight - rect.bottom;
+                                                  let top;
+
+                                                  if (distanceToTop < postOnHoverHeight / 2) {
+                                                    top = window.scrollY - 5;
+                                                  } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                    top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                                  } else {
+                                                    top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                                  }
+                                                
+                                                  if (distanceToRight < 200) {
+                                                    setOutOfViewPosition({
+                                                      top,
+                                                      right: window.innerWidth - rect.left - 10,
+                                                      maxWidth: rect.left - 5
+                                                    });
+                                                  } else {
+                                                    setOutOfViewPosition({
+                                                      top,
+                                                      left: rect.left + rect.width + 5,
+                                                      maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                    });
+                                                  }
+                                                });
+                                            }}                                
+                                            onMouseLeave={() => {
+                                              removeHighlight();
+                                              setOutOfViewCid(null);
+                                            }}>
+                                              {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
+                                          </Link>
+                                          <Post key={`post-${index}`}
+                                            content={reply.content?.slice(0, 500)}
+                                            postQuoteRef={(quoteShortParentCid, ref) => {
+                                              postRefs.current[quoteShortParentCid] = ref;
+                                            }}
+                                            postQuoteOnClick={(quoteShortParentCid) => {
+                                              handleQuoteClick(reply, quoteShortParentCid, null)
+                                            }}
+                                            postQuoteOnOver={(quoteShortParentCid) => {
+                                              const quoteParentCid = cidTracker[quoteShortParentCid];
+                                              if (outOfViewCid !== quoteParentCid) {
+                                                handleQuoteHover(reply, quoteShortParentCid, () => {
+                                                  setOutOfViewCid(quoteParentCid);
+              
+                                                const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
+                                                const distanceToRight = window.innerWidth - rect.right;
+                                                const distanceToTop = rect.top;
+                                                const distanceToBottom = window.innerHeight - rect.bottom;
+                                                let top;
+              
+                                                if (distanceToTop < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - 5;
+                                                } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                                } else {
+                                                  top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                                }
+                                              
+                                                if (distanceToRight < 200) {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    right: window.innerWidth - rect.left - 10,
+                                                    maxWidth: rect.left - 5
+                                                  });
+                                                } else {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    left: rect.left + rect.width + 5,
+                                                    maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                  });
+                                                }
+                                              })
+                                            }}
+                                          }
+                                            postQuoteOnLeave={() => {
+                                              removeHighlight();
+                                              setOutOfViewCid(null);
+                                            }}
+                                          />
+                                          <span key={`ttl-s-${index}`} className="ttl"> (...)
+                                          <br key={`ttl-s-br1-${index}`} />
+                                          <EditLabel key={`edit-label-reply-${index}`} 
+                                          commentCid={reply.cid}
+                                          className="ttl"/>
+                                          <StateLabel key={`state-label-reply-${index}`}
+                                          commentIndex={reply.index}
+                                          className="ttl ellipsis"/>
+                                          <br key={`ttl-s-br2${index}`} />
+                                          Comment too long.&nbsp;
+                                            <Link key={`ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
+                                          &nbsp;to view. </span>
+                                        </blockquote>
+                                      </Fragment>
+                                    : <blockquote key={`pm-${index}`} className="post-message">
+                                        <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"  
+                                          ref={el => {
+                                            quoteRefs.current[reply.cid] = el;
+                                          }}
+                                          onClick={() => handleQuoteClick(reply, shortParentCid, null)}
+                                          onMouseOver={(event) => {
+                                            event.stopPropagation();
+                                            handleQuoteHover(reply, shortParentCid, () => {
+                                                setOutOfViewCid(reply.parentCid);
+                                                const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
+                                                const distanceToRight = window.innerWidth - rect.right;
+                                                const distanceToTop = rect.top;
+                                                const distanceToBottom = window.innerHeight - rect.bottom;
+                                                let top;
+
+                                                if (distanceToTop < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - 5;
+                                                } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                  top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                                } else {
+                                                  top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                                }
+                                              
+                                                if (distanceToRight < 200) {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    right: window.innerWidth - rect.left - 10,
+                                                    maxWidth: rect.left - 5
+                                                  });
+                                                } else {
+                                                  setOutOfViewPosition({
+                                                    top,
+                                                    left: rect.left + rect.width + 5,
+                                                    maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                  });
+                                                }
+                                            });
+                                          }}                                
+                                          onMouseLeave={() => {
+                                            removeHighlight();
+                                            setOutOfViewCid(null);
+                                          }}>
+                                            {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
+                                        </Link>
+                                        <Post key={`post-${index}`}
+                                          content={reply.content}
+                                          postQuoteRef={(quoteShortParentCid, ref) => {
+                                            postRefs.current[quoteShortParentCid] = ref;
+                                          }}
+                                          postQuoteOnClick={(quoteShortParentCid) => {
+                                            handleQuoteClick(reply, quoteShortParentCid, null)
+                                          }}
+                                          postQuoteOnOver={(quoteShortParentCid) => {
+                                            const quoteParentCid = cidTracker[quoteShortParentCid];
+                                            if (outOfViewCid !== quoteParentCid) {
+                                              handleQuoteHover(reply, quoteShortParentCid, () => {
+                                                setOutOfViewCid(quoteParentCid);
+            
+                                              const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
+                                              const distanceToRight = window.innerWidth - rect.right;
+                                              const distanceToTop = rect.top;
+                                              const distanceToBottom = window.innerHeight - rect.bottom;
+                                              let top;
+            
+                                              if (distanceToTop < postOnHoverHeight / 2) {
+                                                top = window.scrollY - 5;
+                                              } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                                top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                              } else {
+                                                top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                              }
+                                            
+                                              if (distanceToRight < 200) {
+                                                setOutOfViewPosition({
+                                                  top,
+                                                  right: window.innerWidth - rect.left - 10,
+                                                  maxWidth: rect.left - 5
+                                                });
+                                              } else {
+                                                setOutOfViewPosition({
+                                                  top,
+                                                  left: rect.left + rect.width + 5,
+                                                  maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                                });
+                                              }
+                                            })
+                                          }}
+                                        }
+                                          postQuoteOnLeave={() => {
+                                            removeHighlight();
+                                            setOutOfViewCid(null);
+                                          }}
+                                        />
+                                        <EditLabel key={`edit-label-reply-${index}`} 
+                                          commentCid={reply.cid}
+                                          className="ttl"/>
+                                        <StateLabel key={`state-label-reply-${index}`}
+                                        commentIndex={reply.index}
+                                        className="ttl ellipsis"/>
+                                      </blockquote>)
+                                    : null}
+                                  </div>
                                 </div>
-                                </PostMenuCatalog>, document.body
-                              )}
-                                <div key={`bi-${index}`} id="backlink-id" className="backlink">
-                                  {reply.replies?.pages?.topAll.comments
-                                    .sort((a, b) => a.timestamp - b.timestamp)
-                                    .map((reply, index) => (
-                                      <div key={`div-${index}`} style={{display: 'inline-block'}} 
+                              </Fragment>
+                            )
+                          })}
+                        </div>
+                        <div key={`mob-t-${index}`} className="thread-mobile">
+                        {index === 0 && (!subplebbit.rules && !subplebbit.description) ? (
+                            <hr key={`mob-hr-${index}`} style={{marginTop: '10px'}} />
+                          ) : (
+                            <hr key={`mob-hr-${index}`} />
+                          )}
+                          <div key={`mob-c-${index}`} className="op-container">
+                            <div key={`mob-po-${index}`} className="post op op-mobile">
+                              <div key={`mob-pi-${index}`} className="post-info-mobile">
+                                <button key={`mob-pb-${index}`} className="post-menu-button-mobile" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
+                                <span key={`mob-nbm-${index}`} className="name-block-mobile">
+                                  {thread.author.displayName
+                                  ? thread.author.displayName.length > 20
+                                  ? <Fragment key={`fragment9-${index}`}>
+                                      <span key={`mob-n-${index}`} className="name-mobile"
+                                      data-tooltip-id="tooltip"
+                                      data-tooltip-content={thread.author.displayName}
+                                      data-tooltip-place="top">
+                                        {thread.author.displayName.slice(0, 20) + " (...)"}
+                                      </span>
+                                    </Fragment> 
+                                    : <span key={`mob-n-${index}`} className="name-mobile">
+                                      {thread.author.displayName}</span>
+                                  : <span key={`mob-n-${index}`} className="name-mobile">
+                                    Anonymous</span>}
+                                  &nbsp;
+                                  <span key={`mob-pa-${index}`} className="poster-address-mobile address-mobile"
+                                    id="reply-button" style={{cursor: "pointer"}}
+                                    onClick={() => handleAddressClick(<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
+                                  >
+                                    (u/
+                                    <span key={`mob-ha-${index}`} className="highlight-address-mobile">
+                                      {<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>}
+                                    </span>
+                                    )&nbsp;
+                                  </span>
+                                  <span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}>
+                                    {thread.pinned ? (
+                                      <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
+                                      style={{marginTop: "-1px", marginRight: "2px",
+                                      imageRendering: "pixelated",}} />
+                                    ) : null}
+                                    {thread.locked ? (
+                                      <img src="assets/closed.gif" alt="Closed" title="Closed"
+                                      style={{marginTop: "-1px", marginRight: "2px",
+                                      imageRendering: "pixelated",}} />
+                                    ) : null}
+                                  </span>
+                                  <br key={`mob-br1-${index}`} />
+                                  {thread.title ? (
+                                    thread.title.length > 30 ?
+                                    <Fragment key={`fragment11-${index}`}>
+                                      <span key={`mob-t-${index}`} className="subject-mobile"
+                                      data-tooltip-id="tooltip"
+                                      data-tooltip-content={thread.title}
+                                      data-tooltip-place="top">
+                                        {thread.title.slice(0, 30) + " (...)"}
+                                      </span>
+                                    </Fragment>
+                                  : <span key={`mob-t-${index}`} className="subject-mobile">
+                                    {thread.title}
+                                    </span>) 
+                                  : null}
+                                </span>
+                                <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
+                                  {getDate(thread.timestamp)}
+                                  &nbsp;
+                                  <span key={`mob-no-${index}`}>c/</span>
+                                  <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${index}`} 
+                                    onClick={(e) => {
+                                      if (e.button === 2) return;
+                                      e.preventDefault();
+                                      setSelectedThreadCid(thread.cid);
+                                      let text = document.getSelection().toString();
+                                      text = text ? `>${text}` : text;
+                                      setSelectedText(text);
+                                      if (isReplyOpen) {
+                                        setReplyQuoteCid(thread.shortCid);
+                                        setTriggerInsertion(Date.now());
+                                      } else {
+                                        setIsReplyOpen(true); 
+                                        setSelectedShortCid(thread.shortCid); 
+                                        setSelectedParentCid(thread.cid);
+                                      }
+                                    }} title="Reply to this post">{thread.shortCid}
+                                  </Link>
+                                </span>
+                              </div>
+                              {thread.link ? (
+                                <div key={`mob-f-${index}`} className="file-mobile">
+                                  {commentMediaInfo?.type === 'iframe' && (
+                                    <div key={`enlarge-mob-${index}`} className="img-container">
+                                      <span key={`mob-fta-${index}`} className="file-thumb-mobile">
+                                        {(isMobileThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
+                                          <div style={{width: "92vw"}}>
+                                            <iframe 
+                                              key={`mob-fti-${index}`} 
+                                              src={commentMediaInfo.embedUrl}
+                                              style={{border: "none", height: "250px"}}
+                                              title="Embedded content"
+                                              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+                                              allowFullScreen />
+                                          </div>
+                                        ) : (
+                                          <img 
+                                            key={`mob-fti-${index}`}
+                                            src={commentMediaInfo.thumbnail} 
+                                            alt="thumbnail"
+                                            onClick={() => {handleThumbnailClick(index, true)}}
+                                            style={{cursor: "pointer"}}
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                        )}
+                                        {commentMediaInfo?.type === "video" || "iframe" ? (
+                                          isMobileThumbnailClicked[index] ? (
+                                            <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
+                                              <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
+                                              onClick={() => {handleThumbnailClick(index, true)}}
+                                              >Close</span>
+                                            </div>
+                                          ) : (
+                                            <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
+                                        )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
+                                      </span>
+                                    </div>
+                                  )}
+                                    {commentMediaInfo?.url ? (
+                                      commentMediaInfo.type === "webpage" ? (
+                                        <div key={`enlarge-mob-${index}`} className="img-container">
+                                          <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
+                                            {thread.thumbnailUrl ? (
+                                              <img key={`mob-img-${index}`} 
+                                              src={commentMediaInfo.thumbnail} alt="thumbnail" 
+                                              onClick={handleImageClick}
+                                              style={{cursor: "pointer"}}
+                                              onError={(e) => e.target.src = fallbackImgUrl} />
+                                            ) : null}
+                                            <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
+                                          </span>
+                                        </div>
+                                      ) : commentMediaInfo.type === "image" ? (
+                                        <div key={`enlarge-mob-${index}`} className="img-container">
+                                          <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
+                                            <img key={`mob-img-${index}`} 
+                                            src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                                            onClick={handleImageClick}
+                                            style={{cursor: "pointer"}}
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                            <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
+                                          </span>
+                                        </div>
+                                      ) : commentMediaInfo.type === "video" ? (
+                                          <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
+                                            {isMobileThumbnailClicked[index] ? (
+                                              <video key={`fti-${index}`} 
+                                              src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                              controls
+                                              style={{ cursor: 'pointer' }} 
+                                              onError={(e) => e.target.src = fallbackImgUrl} />
+                                            ) : (
+                                              <video 
+                                                key={`fti-${index}`}
+                                                src={commentMediaInfo.url} 
+                                                alt="thumbnail"
+                                                onClick={() => {handleThumbnailClick(index, true)}}
+                                                style={{cursor: "pointer"}}
+                                                id="video-thumbnail-mobile"
+                                                onError={(e) => e.target.src = fallbackImgUrl} 
+                                              />
+                                            )}
+                                            {commentMediaInfo?.type === "video" || "iframe" ? (
+                                              isMobileThumbnailClicked[index] ? (
+                                                <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
+                                                  <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
+                                                  onClick={() => {handleThumbnailClick(index, true)}}
+                                                  >Close</span>
+                                                </div>
+                                              ) : (
+                                                <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
+                                            )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
+                                          </span>
+                                      ) : commentMediaInfo.type === "audio" ? (
+                                          <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
+                                            <audio key={`mob-img-${index}`} 
+                                            src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                                            onError={(e) => e.target.src = fallbackImgUrl} />
+                                            <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
+                                          </span>
+                                      ) : null
+                                    ) : null}
+                                </div>
+                              ) : null}
+                              {thread.content ? (
+                                thread.content?.length > 500 ?
+                                <Fragment key={`fragment12-${index}`}>
+                                  <blockquote key={`mob-bq-${index}`} className="post-message-mobile">
+                                    <Post content={thread.content?.slice(0, 500)} key={`post-mobile-${index}`} />
+                                    <span key={`mob-ttl-s-${index}`} className="ttl"> (...)
+                                    <br key={`mob-ttl-s-br1-${index}`} />
+                                    <EditLabel key={`edit-label-thread-mob-${index}`} 
+                                    commentCid={thread.cid}
+                                    className="ttl"/>
+                                    <StateLabel key={`state-label-thread-mob-${index}`}
+                                    commentIndex={thread.index}
+                                    className="ttl ellipsis"/>
+                                    <br key={`mob-ttl-s-br2${thread.cid}`} />
+                                    Post too long.&nbsp;
+                                      <Link key={`mob-ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
+                                      &nbsp;to view. </span>
+                                  </blockquote>
+                                </Fragment>
+                              : <blockquote key={`mob-bq-${index}`} className="post-message-mobile">
+                                  <Post content={thread.content} key={`post-mobile-${index}`} />
+                                  <EditLabel key={`edit-label-thread-mob-${index}`} 
+                                  commentCid={thread.cid}
+                                  className="ttl"/>
+                                  <StateLabel key={`state-label-thread-mob-${index}`}
+                                  commentIndex={thread.index}
+                                  className="ttl ellipsis"/>
+                                </blockquote>)
+                              : null}
+                            </div>
+                            <div key={`mob-pl-${index}`} className="post-link-mobile">
+                              <span key={`mob-info-${index}`} className="info-mobile">{
+                              (thread.replyCount + pendingReplyCounts[thread.cid]) === 0 ?
+                              ("No replies")
+                              : (thread.replyCount + pendingReplyCounts[thread.cid]) === 1 ?
+                              ("1 reply")
+                              : (thread.replyCount + pendingReplyCounts[thread.cid]) > 1 ?
+                              ((thread.replyCount + pendingReplyCounts[thread.cid]) + " replies")
+                              : null
+                              }</span>
+                              <Link key={`rl2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} 
+                              onClick={() => {setSelectedThread(thread.cid); window.scrollTo(0, 0);}}
+                              className="button-mobile" >View Thread</Link>
+                            </div>
+                          </div>
+                          {displayedReplies?.map((reply, index) => {
+                            const replyMediaInfo = getCommentMediaInfo(reply);
+                            const shortParentCid = findShortParentCid(reply.parentCid, selectedFeed);
+                            let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
+                            let signerAddress;
+                            if (storedSigners[selectedThreadCidRef]) {
+                              signerAddress = storedSigners[selectedThreadCidRef].address;
+                            }
+                            return (
+                            <div key={`mob-rc-${index}`} className="reply-container">
+                              <div key={`mob-pr-${index}`} className="post-reply post-reply-mobile">
+                                <div key={`mob-pi-${index}`} className="post-info-mobile">
+                                  <button key={`pmbm-${index}`} className="post-menu-button-mobile" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
+                                  <span key={`mob-nb-${index}`} className="name-block-mobile">
+                                    {reply.author.displayName
+                                    ? reply.author.displayName.length > 20
+                                    ? <Fragment key={`fragment13-${index}`}>
+                                        <span key={`mob-n-${index}`} className="name-mobile"
+                                        data-tooltip-id="tooltip"
+                                        data-tooltip-content={reply.author.displayName}
+                                        data-tooltip-place="top">
+                                          {reply.author.displayName.slice(0, 20) + " (...)"}
+                                        </span>
+                                      </Fragment>
+                                      : <span key={`mob-n-${index}`} className="name-mobile">
+                                        {reply.author.displayName}</span>
+                                    : <span key={`mob-n-${index}`} className="name-mobile">
+                                      Anonymous</span>}
+                                    &nbsp;
+                                    <span key={`mob-pa-${index}`} className="poster-address-mobile address-mobile"
+                                      id="reply-button" style={{cursor: "pointer"}}
+                                      onClick={() => handleAddressClick(<VerifiedAuthor commentCid={reply.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
+                                    >
+                                      (u/
+                                        {reply.author?.shortAddress ?
+                                          (
+                                            <span key={`mob-ha-${index}`} className="highlight-address-mobile">
+                                              {reply.author?.shortAddress}
+                                            </span>
+                                          ) : (
+                                            anonymousMode ? (
+                                              <span key={`mob-ha-${index}`}>
+                                                {signerAddress?.slice(8, 20)}
+                                              </span>
+                                              ) : (
+                                              <span key={`mob-ha-${index}`}>
+                                                {account?.author?.shortAddress}
+                                              </span>
+                                            )
+                                          )
+                                        }
+                                      )&nbsp;
+                                    </span>
+                                    <br key={`mob-br-${index}`} />
+                                  </span>
+                                  <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
+                                  {getDate(reply.timestamp)}&nbsp;
+                                    <span key={`mob-pl1-${index}`}>c/</span>
+                                    {reply.shortCid ? (
+                                      <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`} 
+                                        onClick={(e) => {
+                                          if (e.button === 2) return;
+                                          e.preventDefault();
+                                          setSelectedThreadCid(thread.cid);
+                                          let text = document.getSelection().toString();
+                                          text = text ? `>${text}` : text;
+                                          setSelectedText(text);
+                                          if (isReplyOpen) {
+                                            setReplyQuoteCid(reply.shortCid);
+                                            setTriggerInsertion(Date.now());
+                                          } else {
+                                            setIsReplyOpen(true); 
+                                            setSelectedShortCid(reply.shortCid); 
+                                            setSelectedParentCid(reply.cid);
+                                          }
+                                        }} title="Reply to this post">{reply.shortCid}
+                                      </Link>
+                                    ) : (
+                                      <PendingLabel key="pending-mob" commentIndex={reply.index} />
+                                    )}
+                                  </span>
+                                </div>
+                                {reply.link ? (
+                                  <div key={`mob-f-${index}`} className="file-mobile">
+                                      {replyMediaInfo?.url ? (
+                                        replyMediaInfo.type === "webpage" ? (
+                                          <div key={`enlarge-mob-reply-${index}`} className="img-container">
+                                            <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
+                                              {reply.thumbnailUrl ? (
+                                                <img key={`mob-img-${index}`} 
+                                                src={replyMediaInfo.thumbnail} alt="thumbnail" 
+                                                onClick={handleImageClick}
+                                                style={{cursor: "pointer"}}
+                                                onError={(e) => e.target.src = fallbackImgUrl} />
+                                              ) : null}
+                                              <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
+                                            </span>
+                                          </div>
+                                        ) : replyMediaInfo.type === "image" ? (
+                                          <div key={`enlarge-mob-reply-${index}`} className="img-container">
+                                            <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
+                                              <img key={`mob-img-${index}`} 
+                                              src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                              onClick={handleImageClick}
+                                              style={{cursor: "pointer"}}
+                                              onError={(e) => e.target.src = fallbackImgUrl} />
+                                              <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
+                                            </span>
+                                          </div>
+                                        ) : replyMediaInfo.type === "video" ? (
+                                            <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
+                                                <video key={`fti-${index}`} 
+                                                src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                                style={{ pointerEvents: "none" }}
+                                                onError={(e) => e.target.src = fallbackImgUrl} />
+                                              <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
+                                            </span>
+                                        ) : replyMediaInfo.type === "audio" ? (
+                                            <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
+                                              <audio key={`mob-img-${index}`} 
+                                              src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                              onError={(e) => e.target.src = fallbackImgUrl} />
+                                              <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
+                                            </span>
+                                        ) : null
+                                      ) : null}
+                                  </div>
+                                ) : null}
+                                {reply.content ? (
+                                  reply.content?.length > 500 ?
+                                  <Fragment key={`fragment15-${index}`}>
+                                    <blockquote key={`mob-pm-${index}`} className="post-message">
+                                      <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" 
                                       ref={el => {
-                                        backlinkRefs.current[reply.cid] = el;
-                                      }}>
-                                      <Link key={`ql-${index}`}
-                                      to={() => {}} className="quote-link" 
-                                      onClick={(event) => handleQuoteClick(reply, null, event)}
+                                        quoteRefsMobile.current[reply.cid] = el;
+                                      }}
+                                      onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
                                       onMouseOver={(event) => {
                                         event.stopPropagation();
-                                        handleQuoteHover(reply, null, () => {
-                                          setOutOfViewCid(reply.cid);
-                                          const rect = backlinkRefs.current[reply.cid].getBoundingClientRect();
+                                        handleQuoteHover(reply, shortParentCid, () => {
+                                          setOutOfViewCid(reply.parentCid);
+                                          const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
                                           const distanceToRight = window.innerWidth - rect.right;
                                           const distanceToTop = rect.top;
                                           const distanceToBottom = window.innerHeight - rect.bottom;
@@ -1897,86 +2596,28 @@ const Board = () => {
                                         removeHighlight();
                                         setOutOfViewCid(null);
                                       }}>
-                                        c/{reply.shortCid}</Link>
-                                        &nbsp;
-                                      </div>
-                                    ))
-                                  }
-                                </div>
-                              </div>
-                              {replyMediaInfo?.url ? (
-                                <div key={`f-${index}`} className="file" 
-                                style={{marginBottom: "5px"}}>
-                                  <div key={`ft-${index}`} className="reply-file-text">
-                                    Link:&nbsp;
-                                    <a key={`fa-${index}`} href={replyMediaInfo.url} target="_blank"
-                                    rel="noopener noreferrer">{
-                                    replyMediaInfo?.url.length > 30 ?
-                                    replyMediaInfo?.url.slice(0, 30) + "(...)" :
-                                    replyMediaInfo?.url
-                                    }</a>&nbsp;({replyMediaInfo?.type})
-                                  </div>
-                                  {replyMediaInfo?.type === "webpage" ? (
-                                    <div key={`enlarge-reply-${index}`} className="img-container">
-                                      <span key={`fta-${index}`} className="file-thumb-reply">
-                                        {reply.thumbnailUrl ? (
-                                          <img key={`fti-${index}`}
-                                          src={replyMediaInfo.thumbnail} alt={replyMediaInfo.type}
-                                          onClick={handleImageClick}
-                                          style={{cursor: "pointer"}}
-                                          onError={(e) => e.target.src = fallbackImgUrl} />
-                                        ) : null}
-                                      </span>
-                                    </div>
-                                  ) : null}
-                                  {replyMediaInfo?.type === "image" ? (
-                                    <div key={`enlarge-reply-${index}`} className="img-container">
-                                      <span key={`fta-${index}`} className="file-thumb-reply">
-                                        <img key={`fti-${index}`}
-                                        src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                        onClick={handleImageClick}
-                                        style={{cursor: "pointer"}}
-                                        onError={(e) => e.target.src = fallbackImgUrl} />
-                                      </span>
-                                    </div>
-                                  ) : null}
-                                  {replyMediaInfo?.type === "video" ? (
-                                    <span key={`fta-${index}`} className="file-thumb-reply">
-                                      <video controls
-                                      key={`fti-${index}`} 
-                                      src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                    </span>
-                                  ) : null}
-                                  {replyMediaInfo?.type === "audio" ? (
-                                    <span key={`fta-${index}`} className="file-thumb-reply">
-                                      <audio controls 
-                                      key={`fti-${index}`}
-                                      src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                      onError={(e) => e.target.src = fallbackImgUrl} />
-                                    </span>
-                                  ) : null}
-                                </div>
-                              ) : null}
-                              {reply.content ? (
-                                reply.content?.length > 500 ?
-                                <Fragment key={`fragment8-${index}`}>
-                                  <blockquote key={`pm-${index}`} comment={reply} className="post-message">
-                                    <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"  
-                                      ref={el => {
-                                        quoteRefs.current[reply.cid] = el;
-                                      }}
-                                      onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
-                                      onMouseOver={(event) => {
-                                        event.stopPropagation();
-                                        handleQuoteHover(reply, shortParentCid, () => {
-                                            setOutOfViewCid(reply.parentCid);
-                                            const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
+                                        {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
+                                      </Link>
+                                      <Post key={`post-mobile-${index}`}
+                                        content={reply.content?.slice(0, 500)}
+                                        postQuoteRef={(quoteShortParentCid, ref) => {
+                                          postRefs.current[quoteShortParentCid] = ref;
+                                        }}
+                                        postQuoteOnClick={(quoteShortParentCid) => {
+                                          handleQuoteClick(reply, quoteShortParentCid, null)
+                                        }}
+                                        postQuoteOnOver={(quoteShortParentCid) => {
+                                          const quoteParentCid = cidTracker[quoteShortParentCid];
+                                          if (outOfViewCid !== quoteParentCid) {
+                                            handleQuoteHover(reply, quoteShortParentCid, () => {
+                                              setOutOfViewCid(quoteParentCid);
+          
+                                            const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
                                             const distanceToRight = window.innerWidth - rect.right;
                                             const distanceToTop = rect.top;
                                             const distanceToBottom = window.innerHeight - rect.bottom;
                                             let top;
-
+          
                                             if (distanceToTop < postOnHoverHeight / 2) {
                                               top = window.scrollY - 5;
                                             } else if (distanceToBottom < postOnHoverHeight / 2) {
@@ -1998,16 +2639,75 @@ const Board = () => {
                                                 maxWidth: window.innerWidth - rect.left - rect.width - 5
                                               });
                                             }
+                                          })
+                                        }}
+                                      }
+                                        postQuoteOnLeave={() => {
+                                          removeHighlight();
+                                          setOutOfViewCid(null);
+                                        }}
+                                      />
+                                      <span key={`mob-ttl-s-${index}`} className="ttl"> (...)
+                                      <br key={`mob-ttl-s-br1-${index}`} />
+                                      <EditLabel key={`edit-label-reply-mob-${index}`} 
+                                      commentCid={reply.cid}
+                                      className="ttl"/>
+                                      <StateLabel key={`state-label-reply-mob-${index}`}
+                                      commentIndex={reply.index}
+                                      className="ttl ellipsis"/>
+                                      <br key={`mob-ttl-s-br2${reply.cid}`} />
+                                      Comment too long.&nbsp;
+                                        <Link key={`mob-ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
+                                      &nbsp;to view. </span>
+                                    </blockquote>
+                                  </Fragment>
+                                : <blockquote key={`mob-pm-${index}`} className="post-message">
+                                    <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" 
+                                    ref={el => {
+                                      quoteRefsMobile.current[reply.cid] = el;
+                                    }}
+                                    onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
+                                    onMouseOver={(event) => {
+                                      event.stopPropagation();
+                                      handleQuoteHover(reply, shortParentCid, () => {
+                                        setOutOfViewCid(reply.parentCid);
+                                        const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
+                                        const distanceToRight = window.innerWidth - rect.right;
+                                        const distanceToTop = rect.top;
+                                        const distanceToBottom = window.innerHeight - rect.bottom;
+                                        let top;
+
+                                        if (distanceToTop < postOnHoverHeight / 2) {
+                                          top = window.scrollY - 5;
+                                        } else if (distanceToBottom < postOnHoverHeight / 2) {
+                                          top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
+                                        } else {
+                                          top = rect.top + window.scrollY - postOnHoverHeight / 2;
+                                        }
+                                      
+                                        if (distanceToRight < 200) {
+                                          setOutOfViewPosition({
+                                            top,
+                                            right: window.innerWidth - rect.left - 10,
+                                            maxWidth: rect.left - 5
                                           });
-                                      }}                                
-                                      onMouseLeave={() => {
-                                        removeHighlight();
-                                        setOutOfViewCid(null);
-                                      }}>
-                                        {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
+                                        } else {
+                                          setOutOfViewPosition({
+                                            top,
+                                            left: rect.left + rect.width + 5,
+                                            maxWidth: window.innerWidth - rect.left - rect.width - 5
+                                          });
+                                        }
+                                      });
+                                    }}
+                                    onMouseLeave={() => {
+                                      removeHighlight();
+                                      setOutOfViewCid(null);
+                                    }}>
+                                      {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
                                     </Link>
-                                    <Post key={`post-${index}`}
-                                      content={reply.content?.slice(0, 500)}
+                                    <Post key={`post-mobile-${index}`}
+                                      content={reply.content} 
                                       postQuoteRef={(quoteShortParentCid, ref) => {
                                         postRefs.current[quoteShortParentCid] = ref;
                                       }}
@@ -2055,31 +2755,30 @@ const Board = () => {
                                         setOutOfViewCid(null);
                                       }}
                                     />
-                                    <span key={`ttl-s-${index}`} className="ttl"> (...)
-                                    <br key={`ttl-s-br1-${index}`} />
-                                    <EditLabel key={`edit-label-reply-${index}`} 
+                                    <EditLabel key={`edit-label-reply-mob-${index}`} 
                                     commentCid={reply.cid}
                                     className="ttl"/>
-                                    <StateLabel key={`state-label-reply-${index}`}
+                                    <StateLabel key={`state-label-reply-mob-${index}`}
                                     commentIndex={reply.index}
                                     className="ttl ellipsis"/>
-                                    <br key={`ttl-s-br2${index}`} />
-                                    Comment too long.&nbsp;
-                                      <Link key={`ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
-                                    &nbsp;to view. </span>
-                                  </blockquote>
-                                </Fragment>
-                              : <blockquote key={`pm-${index}`} className="post-message">
-                                  <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"  
-                                    ref={el => {
-                                      quoteRefs.current[reply.cid] = el;
-                                    }}
-                                    onClick={() => handleQuoteClick(reply, shortParentCid, null)}
-                                    onMouseOver={(event) => {
-                                      event.stopPropagation();
-                                      handleQuoteHover(reply, shortParentCid, () => {
-                                          setOutOfViewCid(reply.parentCid);
-                                          const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
+                                  </blockquote>)
+                                : null}
+                                  {reply.replyCount > 0 ? (
+                                    <div key={`back-mob-${index}`} className='backlink backlink-mobile'>
+                                    {reply.replies?.pages?.topAll.comments
+                                    .sort((a, b) => a.timestamp - b.timestamp)
+                                    .map((reply, index) => (
+                                      <div key={`div-back${index}`} style={{display: 'inline-block'}} 
+                                      ref={el => {
+                                        backlinkRefsMobile.current[reply.cid] = el;
+                                      }}>
+                                      <Link key={`ql-${index}`} to={() => {}}
+                                      onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}
+                                      onMouseOver={(event) => {
+                                        event.stopPropagation();
+                                        handleQuoteHover(reply, reply.shortCid, () => {
+                                          setOutOfViewCid(reply.cid)
+                                          const rect = backlinkRefsMobile.current[reply.cid].getBoundingClientRect();
                                           const distanceToRight = window.innerWidth - rect.right;
                                           const distanceToTop = rect.top;
                                           const distanceToBottom = window.innerHeight - rect.bottom;
@@ -2106,713 +2805,24 @@ const Board = () => {
                                               maxWidth: window.innerWidth - rect.left - rect.width - 5
                                             });
                                           }
-                                      });
-                                    }}                                
-                                    onMouseLeave={() => {
-                                      removeHighlight();
-                                      setOutOfViewCid(null);
-                                    }}>
-                                      {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
-                                  </Link>
-                                  <Post key={`post-${index}`}
-                                    content={reply.content}
-                                    postQuoteRef={(quoteShortParentCid, ref) => {
-                                      postRefs.current[quoteShortParentCid] = ref;
-                                    }}
-                                    postQuoteOnClick={(quoteShortParentCid) => {
-                                      handleQuoteClick(reply, quoteShortParentCid, null)
-                                    }}
-                                    postQuoteOnOver={(quoteShortParentCid) => {
-                                      const quoteParentCid = cidTracker[quoteShortParentCid];
-                                      if (outOfViewCid !== quoteParentCid) {
-                                        handleQuoteHover(reply, quoteShortParentCid, () => {
-                                          setOutOfViewCid(quoteParentCid);
-      
-                                        const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
-                                        const distanceToRight = window.innerWidth - rect.right;
-                                        const distanceToTop = rect.top;
-                                        const distanceToBottom = window.innerHeight - rect.bottom;
-                                        let top;
-      
-                                        if (distanceToTop < postOnHoverHeight / 2) {
-                                          top = window.scrollY - 5;
-                                        } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                          top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                        } else {
-                                          top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                        }
-                                      
-                                        if (distanceToRight < 200) {
-                                          setOutOfViewPosition({
-                                            top,
-                                            right: window.innerWidth - rect.left - 10,
-                                            maxWidth: rect.left - 5
-                                          });
-                                        } else {
-                                          setOutOfViewPosition({
-                                            top,
-                                            left: rect.left + rect.width + 5,
-                                            maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                          });
-                                        }
-                                      })
-                                    }}
-                                  }
-                                    postQuoteOnLeave={() => {
-                                      removeHighlight();
-                                      setOutOfViewCid(null);
-                                    }}
-                                  />
-                                  <EditLabel key={`edit-label-reply-${index}`} 
-                                    commentCid={reply.cid}
-                                    className="ttl"/>
-                                  <StateLabel key={`state-label-reply-${index}`}
-                                  commentIndex={reply.index}
-                                  className="ttl ellipsis"/>
-                                </blockquote>)
-                              : null}
-                            </div>
-                          </div>
-                          )
-                      })}
-                    </div>
-                    <div key={`mob-t-${index}`} className="thread-mobile">
-                    {index === 0 && (!subplebbit.rules && !subplebbit.description) ? (
-                        <hr key={`mob-hr-${index}`} style={{marginTop: '10px'}} />
-                      ) : (
-                        <hr key={`mob-hr-${index}`} />
-                      )}
-                      <div key={`mob-c-${index}`} className="op-container">
-                        <div key={`mob-po-${index}`} className="post op op-mobile">
-                          <div key={`mob-pi-${index}`} className="post-info-mobile">
-                            <button key={`mob-pb-${index}`} className="post-menu-button-mobile" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
-                            <span key={`mob-nbm-${index}`} className="name-block-mobile">
-                              {thread.author.displayName
-                              ? thread.author.displayName.length > 20
-                              ? <Fragment key={`fragment9-${index}`}>
-                                  <span key={`mob-n-${index}`} className="name-mobile"
-                                  data-tooltip-id="tooltip"
-                                  data-tooltip-content={thread.author.displayName}
-                                  data-tooltip-place="top">
-                                    {thread.author.displayName.slice(0, 20) + " (...)"}
-                                  </span>
-                                </Fragment> 
-                                : <span key={`mob-n-${index}`} className="name-mobile">
-                                  {thread.author.displayName}</span>
-                              : <span key={`mob-n-${index}`} className="name-mobile">
-                                Anonymous</span>}
-                              &nbsp;
-                              <span key={`mob-pa-${index}`} className="poster-address-mobile address-mobile"
-                                id="reply-button" style={{cursor: "pointer"}}
-                                onClick={() => handleAddressClick(<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
-                              >
-                                (u/
-                                <span key={`mob-ha-${index}`} className="highlight-address-mobile">
-                                  {<VerifiedAuthor commentCid={thread.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>}
-                                </span>
-                                )&nbsp;
-                              </span>
-                              <span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}>
-                                {thread.pinned ? (
-                                  <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
-                                  style={{marginTop: "-1px", marginRight: "2px",
-                                  imageRendering: "pixelated",}} />
-                                ) : null}
-                                {thread.locked ? (
-                                  <img src="assets/closed.gif" alt="Closed" title="Closed"
-                                  style={{marginTop: "-1px", marginRight: "2px",
-                                  imageRendering: "pixelated",}} />
-                                ) : null}
-                              </span>
-                              <br key={`mob-br1-${index}`} />
-                              {thread.title ? (
-                                thread.title.length > 30 ?
-                                <Fragment key={`fragment11-${index}`}>
-                                  <span key={`mob-t-${index}`} className="subject-mobile"
-                                  data-tooltip-id="tooltip"
-                                  data-tooltip-content={thread.title}
-                                  data-tooltip-place="top">
-                                    {thread.title.slice(0, 30) + " (...)"}
-                                  </span>
-                                </Fragment>
-                              : <span key={`mob-t-${index}`} className="subject-mobile">
-                                {thread.title}
-                                </span>) 
-                              : null}
-                            </span>
-                            <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
-                              {getDate(thread.timestamp)}
-                              &nbsp;
-                              <span key={`mob-no-${index}`}>c/</span>
-                              <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${index}`} 
-                                onClick={(e) => {
-                                  if (e.button === 2) return;
-                                  e.preventDefault();
-                                  setSelectedThreadCid(thread.cid);
-                                  let text = document.getSelection().toString();
-                                  text = text ? `>${text}` : text;
-                                  setSelectedText(text);
-                                  if (isReplyOpen) {
-                                    setReplyQuoteCid(thread.shortCid);
-                                    setTriggerInsertion(Date.now());
-                                  } else {
-                                    setIsReplyOpen(true); 
-                                    setSelectedShortCid(thread.shortCid); 
-                                    setSelectedParentCid(thread.cid);
-                                  }
-                                }} title="Reply to this post">{thread.shortCid}
-                              </Link>
-                            </span>
-                          </div>
-                          {thread.link ? (
-                            <div key={`mob-f-${index}`} className="file-mobile">
-                              {commentMediaInfo?.type === 'iframe' && (
-                                <div key={`enlarge-mob-${index}`} className="img-container">
-                                  <span key={`mob-fta-${index}`} className="file-thumb-mobile">
-                                    {(isMobileThumbnailClicked[index] || !commentMediaInfo.thumbnail) && commentMediaInfo.embedUrl ? (
-                                      <div style={{width: "92vw"}}>
-                                        <iframe 
-                                          key={`mob-fti-${index}`} 
-                                          src={commentMediaInfo.embedUrl}
-                                          style={{border: "none", height: "250px"}}
-                                          title="Embedded content"
-                                          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-                                          allowFullScreen />
+                                        });
+                                      }}
+                                      onMouseLeave={() => {
+                                        removeHighlight();
+                                        setOutOfViewCid(null);
+                                      }} 
+                                      className="quote-link">
+                                        c/{reply.shortCid}</Link>
+                                        &nbsp;
                                       </div>
-                                    ) : (
-                                      <img 
-                                        key={`mob-fti-${index}`}
-                                        src={commentMediaInfo.thumbnail} 
-                                        alt="thumbnail"
-                                        onClick={() => {handleThumbnailClick(index, true)}}
-                                        style={{cursor: "pointer"}}
-                                        onError={(e) => e.target.src = fallbackImgUrl} />
-                                    )}
-                                    {commentMediaInfo?.type === "video" || "iframe" ? (
-                                      isMobileThumbnailClicked[index] ? (
-                                        <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
-                                          <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
-                                          onClick={() => {handleThumbnailClick(index, true)}}
-                                          >Close</span>
-                                        </div>
-                                      ) : (
-                                        <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
-                                    )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
-                                  </span>
-                                </div>
-                              )}
-                                {commentMediaInfo?.url ? (
-                                  commentMediaInfo.type === "webpage" ? (
-                                    <div key={`enlarge-mob-${index}`} className="img-container">
-                                      <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                        {thread.thumbnailUrl ? (
-                                          <img key={`mob-img-${index}`} 
-                                          src={commentMediaInfo.thumbnail} alt="thumbnail" 
-                                          onClick={handleImageClick}
-                                          style={{cursor: "pointer"}}
-                                          onError={(e) => e.target.src = fallbackImgUrl} />
-                                        ) : null}
-                                        <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                      </span>
+                                    ))}
                                     </div>
-                                  ) : commentMediaInfo.type === "image" ? (
-                                    <div key={`enlarge-mob-${index}`} className="img-container">
-                                      <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                        <img key={`mob-img-${index}`} 
-                                        src={commentMediaInfo.url} alt={commentMediaInfo.type} 
-                                        onClick={handleImageClick}
-                                        style={{cursor: "pointer"}}
-                                        onError={(e) => e.target.src = fallbackImgUrl} />
-                                        <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                      </span>
-                                    </div>
-                                  ) : commentMediaInfo.type === "video" ? (
-                                      <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                        {isMobileThumbnailClicked[index] ? (
-                                          <video key={`fti-${index}`} 
-                                          src={commentMediaInfo.url} alt={commentMediaInfo.type}
-                                          controls
-                                          style={{ cursor: 'pointer' }} 
-                                          onError={(e) => e.target.src = fallbackImgUrl} />
-                                        ) : (
-                                          <video 
-                                            key={`fti-${index}`}
-                                            src={commentMediaInfo.url} 
-                                            alt="thumbnail"
-                                            onClick={() => {handleThumbnailClick(index, true)}}
-                                            style={{cursor: "pointer"}}
-                                            id="video-thumbnail-mobile"
-                                            onError={(e) => e.target.src = fallbackImgUrl} 
-                                          />
-                                        )}
-                                        {commentMediaInfo?.type === "video" || "iframe" ? (
-                                          isMobileThumbnailClicked[index] ? (
-                                            <div style={{textAlign: "center", marginTop: "15px", marginBottom: "15px"}}>
-                                              <span className='button-mobile' style={{float: "none", cursor: "pointer"}}
-                                              onClick={() => {handleThumbnailClick(index, true)}}
-                                              >Close</span>
-                                            </div>
-                                          ) : (
-                                            <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>
-                                        )) : <div key={`mob-fi-${index}`} className="file-info-mobile">video</div>}
-                                      </span>
-                                  ) : commentMediaInfo.type === "audio" ? (
-                                      <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                        <audio key={`mob-img-${index}`} 
-                                        src={commentMediaInfo.url} alt={commentMediaInfo.type} 
-                                        onError={(e) => e.target.src = fallbackImgUrl} />
-                                        <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
-                                      </span>
-                                  ) : null
-                                ) : null}
-                            </div>
-                          ) : null}
-                          {thread.content ? (
-                            thread.content?.length > 500 ?
-                            <Fragment key={`fragment12-${index}`}>
-                              <blockquote key={`mob-bq-${index}`} className="post-message-mobile">
-                                <Post content={thread.content?.slice(0, 500)} key={`post-mobile-${index}`} />
-                                <span key={`mob-ttl-s-${index}`} className="ttl"> (...)
-                                <br key={`mob-ttl-s-br1-${index}`} />
-                                <EditLabel key={`edit-label-thread-mob-${index}`} 
-                                commentCid={thread.cid}
-                                className="ttl"/>
-                                <StateLabel key={`state-label-thread-mob-${index}`}
-                                commentIndex={thread.index}
-                                className="ttl ellipsis"/>
-                                <br key={`mob-ttl-s-br2${thread.cid}`} />
-                                Post too long.&nbsp;
-                                  <Link key={`mob-ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
-                                  &nbsp;to view. </span>
-                              </blockquote>
-                            </Fragment>
-                          : <blockquote key={`mob-bq-${index}`} className="post-message-mobile">
-                              <Post content={thread.content} key={`post-mobile-${index}`} />
-                              <EditLabel key={`edit-label-thread-mob-${index}`} 
-                              commentCid={thread.cid}
-                              className="ttl"/>
-                              <StateLabel key={`state-label-thread-mob-${index}`}
-                              commentIndex={thread.index}
-                              className="ttl ellipsis"/>
-                            </blockquote>)
-                          : null}
-                        </div>
-                        <div key={`mob-pl-${index}`} className="post-link-mobile">
-                          <span key={`mob-info-${index}`} className="info-mobile">{
-                          (thread.replyCount + pendingReplyCounts[thread.cid]) === 0 ?
-                          ("No replies")
-                          : (thread.replyCount + pendingReplyCounts[thread.cid]) === 1 ?
-                          ("1 reply")
-                          : (thread.replyCount + pendingReplyCounts[thread.cid]) > 1 ?
-                          ((thread.replyCount + pendingReplyCounts[thread.cid]) + " replies")
-                          : null
-                          }</span>
-                          <Link key={`rl2-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} 
-                          onClick={() => {setSelectedThread(thread.cid); window.scrollTo(0, 0);}}
-                          className="button-mobile" >View Thread</Link>
-                        </div>
-                      </div>
-                      {displayedReplies?.map((reply, index) => {
-                        const replyMediaInfo = getCommentMediaInfo(reply);
-                        const shortParentCid = findShortParentCid(reply.parentCid, selectedFeed);
-                        let storedSigners = JSON.parse(localStorage.getItem('storedSigners')) || {};
-                        let signerAddress;
-                        if (storedSigners[selectedThreadCidRef]) {
-                          signerAddress = storedSigners[selectedThreadCidRef].address;
-                        }
-                        return (
-                        <div key={`mob-rc-${index}`} className="reply-container">
-                          <div key={`mob-pr-${index}`} className="post-reply post-reply-mobile">
-                            <div key={`mob-pi-${index}`} className="post-info-mobile">
-                              <button key={`pmbm-${index}`} className="post-menu-button-mobile" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>...</button>
-                              <span key={`mob-nb-${index}`} className="name-block-mobile">
-                                {reply.author.displayName
-                                ? reply.author.displayName.length > 20
-                                ? <Fragment key={`fragment13-${index}`}>
-                                    <span key={`mob-n-${index}`} className="name-mobile"
-                                    data-tooltip-id="tooltip"
-                                    data-tooltip-content={reply.author.displayName}
-                                    data-tooltip-place="top">
-                                      {reply.author.displayName.slice(0, 20) + " (...)"}
-                                    </span>
-                                  </Fragment>
-                                  : <span key={`mob-n-${index}`} className="name-mobile">
-                                    {reply.author.displayName}</span>
-                                : <span key={`mob-n-${index}`} className="name-mobile">
-                                  Anonymous</span>}
-                                &nbsp;
-                                <span key={`mob-pa-${index}`} className="poster-address-mobile address-mobile"
-                                  id="reply-button" style={{cursor: "pointer"}}
-                                  onClick={() => handleAddressClick(<VerifiedAuthor commentCid={reply.cid}>{({ shortAuthorAddress }) => (shortAuthorAddress)}</VerifiedAuthor>)}
-                                >
-                                  (u/
-                                    {reply.author?.shortAddress ?
-                                      (
-                                        <span key={`mob-ha-${index}`} className="highlight-address-mobile">
-                                          {reply.author?.shortAddress}
-                                        </span>
-                                      ) : (
-                                        anonymousMode ? (
-                                          <span key={`mob-ha-${index}`}>
-                                            {signerAddress?.slice(8, 20)}
-                                          </span>
-                                          ) : (
-                                          <span key={`mob-ha-${index}`}>
-                                            {account?.author?.shortAddress}
-                                          </span>
-                                        )
-                                      )
-                                    }
-                                  )&nbsp;
-                                </span>
-                                <br key={`mob-br-${index}`} />
-                              </span>
-                              <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
-                              {getDate(reply.timestamp)}&nbsp;
-                                <span key={`mob-pl1-${index}`}>c/</span>
-                                {reply.shortCid ? (
-                                  <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`} 
-                                    onClick={(e) => {
-                                      if (e.button === 2) return;
-                                      e.preventDefault();
-                                      setSelectedThreadCid(thread.cid);
-                                      let text = document.getSelection().toString();
-                                      text = text ? `>${text}` : text;
-                                      setSelectedText(text);
-                                      if (isReplyOpen) {
-                                        setReplyQuoteCid(reply.shortCid);
-                                        setTriggerInsertion(Date.now());
-                                      } else {
-                                        setIsReplyOpen(true); 
-                                        setSelectedShortCid(reply.shortCid); 
-                                        setSelectedParentCid(reply.cid);
-                                      }
-                                    }} title="Reply to this post">{reply.shortCid}
-                                  </Link>
-                                ) : (
-                                  <PendingLabel key="pending-mob" commentIndex={reply.index} />
-                                )}
-                              </span>
-                            </div>
-                            {reply.link ? (
-                              <div key={`mob-f-${index}`} className="file-mobile">
-                                  {replyMediaInfo?.url ? (
-                                    replyMediaInfo.type === "webpage" ? (
-                                      <div key={`enlarge-mob-reply-${index}`} className="img-container">
-                                        <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                          {reply.thumbnailUrl ? (
-                                            <img key={`mob-img-${index}`} 
-                                            src={replyMediaInfo.thumbnail} alt="thumbnail" 
-                                            onClick={handleImageClick}
-                                            style={{cursor: "pointer"}}
-                                            onError={(e) => e.target.src = fallbackImgUrl} />
-                                          ) : null}
-                                          <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
-                                        </span>
-                                      </div>
-                                    ) : replyMediaInfo.type === "image" ? (
-                                      <div key={`enlarge-mob-reply-${index}`} className="img-container">
-                                        <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                          <img key={`mob-img-${index}`} 
-                                          src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                          onClick={handleImageClick}
-                                          style={{cursor: "pointer"}}
-                                          onError={(e) => e.target.src = fallbackImgUrl} />
-                                          <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
-                                        </span>
-                                      </div>
-                                    ) : replyMediaInfo.type === "video" ? (
-                                        <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                            <video key={`fti-${index}`} 
-                                            src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                            style={{ pointerEvents: "none" }}
-                                            onError={(e) => e.target.src = fallbackImgUrl} />
-                                          <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
-                                        </span>
-                                    ) : replyMediaInfo.type === "audio" ? (
-                                        <span key={`mob-ft${reply.cid}`} className="file-thumb-mobile">
-                                          <audio key={`mob-img-${index}`} 
-                                          src={replyMediaInfo.url} alt={replyMediaInfo.type} 
-                                          onError={(e) => e.target.src = fallbackImgUrl} />
-                                          <div key={`mob-fi-${index}`} className="file-info-mobile">{replyMediaInfo.type}</div>
-                                        </span>
-                                    ) : null
                                   ) : null}
                               </div>
-                            ) : null}
-                            {reply.content ? (
-                              reply.content?.length > 500 ?
-                              <Fragment key={`fragment15-${index}`}>
-                                <blockquote key={`mob-pm-${index}`} className="post-message">
-                                  <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" 
-                                  ref={el => {
-                                    quoteRefsMobile.current[reply.cid] = el;
-                                  }}
-                                  onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
-                                  onMouseOver={(event) => {
-                                    event.stopPropagation();
-                                    handleQuoteHover(reply, shortParentCid, () => {
-                                      setOutOfViewCid(reply.parentCid);
-                                      const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
-                                      const distanceToRight = window.innerWidth - rect.right;
-                                      const distanceToTop = rect.top;
-                                      const distanceToBottom = window.innerHeight - rect.bottom;
-                                      let top;
-
-                                      if (distanceToTop < postOnHoverHeight / 2) {
-                                        top = window.scrollY - 5;
-                                      } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                        top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                      } else {
-                                        top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                      }
-                                    
-                                      if (distanceToRight < 200) {
-                                        setOutOfViewPosition({
-                                          top,
-                                          right: window.innerWidth - rect.left - 10,
-                                          maxWidth: rect.left - 5
-                                        });
-                                      } else {
-                                        setOutOfViewPosition({
-                                          top,
-                                          left: rect.left + rect.width + 5,
-                                          maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                        });
-                                      }
-                                    });
-                                  }}
-                                  onMouseLeave={() => {
-                                    removeHighlight();
-                                    setOutOfViewCid(null);
-                                  }}>
-                                    {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
-                                  </Link>
-                                  <Post key={`post-mobile-${index}`}
-                                    content={reply.content?.slice(0, 500)}
-                                    postQuoteRef={(quoteShortParentCid, ref) => {
-                                      postRefs.current[quoteShortParentCid] = ref;
-                                    }}
-                                    postQuoteOnClick={(quoteShortParentCid) => {
-                                      handleQuoteClick(reply, quoteShortParentCid, null)
-                                    }}
-                                    postQuoteOnOver={(quoteShortParentCid) => {
-                                      const quoteParentCid = cidTracker[quoteShortParentCid];
-                                      if (outOfViewCid !== quoteParentCid) {
-                                        handleQuoteHover(reply, quoteShortParentCid, () => {
-                                          setOutOfViewCid(quoteParentCid);
-      
-                                        const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
-                                        const distanceToRight = window.innerWidth - rect.right;
-                                        const distanceToTop = rect.top;
-                                        const distanceToBottom = window.innerHeight - rect.bottom;
-                                        let top;
-      
-                                        if (distanceToTop < postOnHoverHeight / 2) {
-                                          top = window.scrollY - 5;
-                                        } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                          top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                        } else {
-                                          top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                        }
-                                      
-                                        if (distanceToRight < 200) {
-                                          setOutOfViewPosition({
-                                            top,
-                                            right: window.innerWidth - rect.left - 10,
-                                            maxWidth: rect.left - 5
-                                          });
-                                        } else {
-                                          setOutOfViewPosition({
-                                            top,
-                                            left: rect.left + rect.width + 5,
-                                            maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                          });
-                                        }
-                                      })
-                                    }}
-                                  }
-                                    postQuoteOnLeave={() => {
-                                      removeHighlight();
-                                      setOutOfViewCid(null);
-                                    }}
-                                  />
-                                  <span key={`mob-ttl-s-${index}`} className="ttl"> (...)
-                                  <br key={`mob-ttl-s-br1-${index}`} />
-                                  <EditLabel key={`edit-label-reply-mob-${index}`} 
-                                  commentCid={reply.cid}
-                                  className="ttl"/>
-                                  <StateLabel key={`state-label-reply-mob-${index}`}
-                                  commentIndex={reply.index}
-                                  className="ttl ellipsis"/>
-                                  <br key={`mob-ttl-s-br2${reply.cid}`} />
-                                  Comment too long.&nbsp;
-                                    <Link key={`mob-ttl-l-${index}`} to={`/p/${selectedAddress}/c/${thread.cid}`} onClick={() => setSelectedThread(thread.cid)} className="ttl-link">Click here</Link>
-                                  &nbsp;to view. </span>
-                                </blockquote>
-                              </Fragment>
-                            : <blockquote key={`mob-pm-${index}`} className="post-message">
-                                <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" 
-                                ref={el => {
-                                  quoteRefsMobile.current[reply.cid] = el;
-                                }}
-                                onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
-                                onMouseOver={(event) => {
-                                  event.stopPropagation();
-                                  handleQuoteHover(reply, shortParentCid, () => {
-                                    setOutOfViewCid(reply.parentCid);
-                                    const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
-                                    const distanceToRight = window.innerWidth - rect.right;
-                                    const distanceToTop = rect.top;
-                                    const distanceToBottom = window.innerHeight - rect.bottom;
-                                    let top;
-
-                                    if (distanceToTop < postOnHoverHeight / 2) {
-                                      top = window.scrollY - 5;
-                                    } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                      top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                    } else {
-                                      top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                    }
-                                  
-                                    if (distanceToRight < 200) {
-                                      setOutOfViewPosition({
-                                        top,
-                                        right: window.innerWidth - rect.left - 10,
-                                        maxWidth: rect.left - 5
-                                      });
-                                    } else {
-                                      setOutOfViewPosition({
-                                        top,
-                                        left: rect.left + rect.width + 5,
-                                        maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                      });
-                                    }
-                                  });
-                                }}
-                                onMouseLeave={() => {
-                                  removeHighlight();
-                                  setOutOfViewCid(null);
-                                }}>
-                                  {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
-                                </Link>
-                                <Post key={`post-mobile-${index}`}
-                                  content={reply.content} 
-                                  postQuoteRef={(quoteShortParentCid, ref) => {
-                                    postRefs.current[quoteShortParentCid] = ref;
-                                  }}
-                                  postQuoteOnClick={(quoteShortParentCid) => {
-                                    handleQuoteClick(reply, quoteShortParentCid, null)
-                                  }}
-                                  postQuoteOnOver={(quoteShortParentCid) => {
-                                    const quoteParentCid = cidTracker[quoteShortParentCid];
-                                    if (outOfViewCid !== quoteParentCid) {
-                                      handleQuoteHover(reply, quoteShortParentCid, () => {
-                                        setOutOfViewCid(quoteParentCid);
-    
-                                      const rect = postRefs.current[quoteShortParentCid].getBoundingClientRect();
-                                      const distanceToRight = window.innerWidth - rect.right;
-                                      const distanceToTop = rect.top;
-                                      const distanceToBottom = window.innerHeight - rect.bottom;
-                                      let top;
-    
-                                      if (distanceToTop < postOnHoverHeight / 2) {
-                                        top = window.scrollY - 5;
-                                      } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                        top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                      } else {
-                                        top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                      }
-                                    
-                                      if (distanceToRight < 200) {
-                                        setOutOfViewPosition({
-                                          top,
-                                          right: window.innerWidth - rect.left - 10,
-                                          maxWidth: rect.left - 5
-                                        });
-                                      } else {
-                                        setOutOfViewPosition({
-                                          top,
-                                          left: rect.left + rect.width + 5,
-                                          maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                        });
-                                      }
-                                    })
-                                  }}
-                                }
-                                  postQuoteOnLeave={() => {
-                                    removeHighlight();
-                                    setOutOfViewCid(null);
-                                  }}
-                                />
-                                <EditLabel key={`edit-label-reply-mob-${index}`} 
-                                commentCid={reply.cid}
-                                className="ttl"/>
-                                <StateLabel key={`state-label-reply-mob-${index}`}
-                                commentIndex={reply.index}
-                                className="ttl ellipsis"/>
-                              </blockquote>)
-                            : null}
-                              {reply.replyCount > 0 ? (
-                                <div key={`back-mob-${index}`} className='backlink backlink-mobile'>
-                                {reply.replies?.pages?.topAll.comments
-                                .sort((a, b) => a.timestamp - b.timestamp)
-                                .map((reply, index) => (
-                                  <div key={`div-back${index}`} style={{display: 'inline-block'}} 
-                                  ref={el => {
-                                    backlinkRefsMobile.current[reply.cid] = el;
-                                  }}>
-                                  <Link key={`ql-${index}`} to={() => {}}
-                                  onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}
-                                  onMouseOver={(event) => {
-                                    event.stopPropagation();
-                                    handleQuoteHover(reply, reply.shortCid, () => {
-                                      setOutOfViewCid(reply.cid)
-                                      const rect = backlinkRefsMobile.current[reply.cid].getBoundingClientRect();
-                                      const distanceToRight = window.innerWidth - rect.right;
-                                      const distanceToTop = rect.top;
-                                      const distanceToBottom = window.innerHeight - rect.bottom;
-                                      let top;
-
-                                      if (distanceToTop < postOnHoverHeight / 2) {
-                                        top = window.scrollY - 5;
-                                      } else if (distanceToBottom < postOnHoverHeight / 2) {
-                                        top = window.scrollY - postOnHoverHeight + window.innerHeight - 10;
-                                      } else {
-                                        top = rect.top + window.scrollY - postOnHoverHeight / 2;
-                                      }
-                                    
-                                      if (distanceToRight < 200) {
-                                        setOutOfViewPosition({
-                                          top,
-                                          right: window.innerWidth - rect.left - 10,
-                                          maxWidth: rect.left - 5
-                                        });
-                                      } else {
-                                        setOutOfViewPosition({
-                                          top,
-                                          left: rect.left + rect.width + 5,
-                                          maxWidth: window.innerWidth - rect.left - rect.width - 5
-                                        });
-                                      }
-                                    });
-                                  }}
-                                  onMouseLeave={() => {
-                                    removeHighlight();
-                                    setOutOfViewCid(null);
-                                  }} 
-                                  className="quote-link">
-                                    c/{reply.shortCid}</Link>
-                                    &nbsp;
-                                  </div>
-                                ))}
-                                </div>
-                              ) : null}
-                          </div>
+                            </div>
+                          )})}
                         </div>
-                      )})}
-                    </div>
-                  </Fragment>
+                      </Fragment>
                     );
                   }}
                   endReached={tryLoadMore}
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index f3262287..e5238b1d 100755
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -1008,38 +1008,42 @@ const Catalog = () => {
                                 >
                                   <ul className="post-menu-catalog">
                                     <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                                    {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                    <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                    <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                       <>
-                                        <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
-                                        <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                        {authorAddress === account?.author.address || 
+                                        authorAddress === account?.signer.address ? (
+                                          <>
+                                            <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                            <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                          </>
+                                        ) : null}
+                                        {isModerator ? (
+                                          <>
+                                            {authorAddress === account?.author.address ||
+                                            authorAddress === account?.signer.address ? (
+                                              null
+                                            ) : (
+                                              <li onClick={() => {
+                                                setModeratingCommentCid(thread.cid)
+                                                setIsModerationOpen(true); 
+                                                handleOptionClick(thread.cid);
+                                                setDeletePost(true);
+                                              }}>
+                                              Delete post
+                                              </li>
+                                            )}
+                                            <li
+                                            onClick={() => {
+                                              setModeratingCommentCid(thread.cid)
+                                              setIsModerationOpen(true); 
+                                              handleOptionClick(thread.cid);
+                                            }}>
+                                              Mod tools
+                                            </li>
+                                          </>
+                                        ) : null}
                                       </>
-                                    ) : null}
-                                    {isModerator ? (
-                                      <>
-                                        {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                        <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                          null
-                                        ) : (
-                                          <li onClick={() => {
-                                            setModeratingCommentCid(thread.cid)
-                                            setIsModerationOpen(true); 
-                                            handleOptionClick(thread.cid);
-                                            setDeletePost(true);
-                                          }}>
-                                          Delete post
-                                          </li>
-                                        )}
-                                        <li
-                                        onClick={() => {
-                                          setModeratingCommentCid(thread.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(thread.cid);
-                                        }}>
-                                          Mod tools
-                                        </li>
-                                      </>
-                                    ) : null}
+                                    )}</VerifiedAuthor>
                                     {(commentMediaInfo && (
                                       commentMediaInfo.type === 'image' || 
                                       (commentMediaInfo.type === 'webpage' && 
diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx
index 5651dd13..33be2a40 100755
--- a/src/components/views/Subscriptions.jsx
+++ b/src/components/views/Subscriptions.jsx
@@ -860,40 +860,44 @@ const Subscriptions = () => {
                               >
                                 <ul className="post-menu-catalog">
                                   <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                                  {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                     <>
-                                      <li onClick={() => {handleAuthorEditClick(thread); setSelectedAddress(thread.subplebbitAddress);}}>Edit post</li>
-                                      <li onClick={() => {handleAuthorDeleteClick(thread); setSelectedAddress(thread.subplebbitAddress);}}>Delete post</li>
+                                      {authorAddress === account?.author.address || 
+                                      authorAddress === account?.signer.address ? (
+                                        <>
+                                          <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                          <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                        </>
+                                      ) : null}
+                                      {isModerator ? (
+                                        <>
+                                          {authorAddress === account?.author.address ||
+                                          authorAddress === account?.signer.address ? (
+                                            null
+                                          ) : (
+                                            <li onClick={() => {
+                                              setSelectedAddress(thread.subplebbitAddress);
+                                              setModeratingCommentCid(thread.cid)
+                                              setIsModerationOpen(true); 
+                                              handleOptionClick(thread.cid);
+                                              setDeletePost(true);
+                                            }}>
+                                              Delete post
+                                            </li>
+                                          )}
+                                          <li
+                                          onClick={() => {
+                                            setSelectedAddress(thread.subplebbitAddress);
+                                            setModeratingCommentCid(thread.cid)
+                                            setIsModerationOpen(true); 
+                                            handleOptionClick(thread.cid);
+                                          }}>
+                                            Mod tools
+                                          </li>
+                                        </>
+                                      ) : null}
                                     </>
-                                  ) : null}
-                                  {isModerator ? (
-                                    <>
-                                      {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                      <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                        null
-                                      ) : (
-                                        <li onClick={() => {
-                                          setSelectedAddress(thread.subplebbitAddress);
-                                          setModeratingCommentCid(thread.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(thread.cid);
-                                          setDeletePost(true);
-                                        }}>
-                                        Delete post
-                                        </li>
-                                      )}
-                                      <li
-                                      onClick={() => {
-                                        setSelectedAddress(thread.subplebbitAddress);
-                                        setModeratingCommentCid(thread.cid)
-                                        setIsModerationOpen(true); 
-                                        handleOptionClick(thread.cid);
-                                      }}>
-                                        Mod tools
-                                      </li>
-                                    </>
-                                  ) : null}
+                                  )}</VerifiedAuthor>
                                   {(commentMediaInfo && (
                                     commentMediaInfo.type === 'image' || 
                                     (commentMediaInfo.type === 'webpage' && 
@@ -1150,40 +1154,44 @@ const Subscriptions = () => {
                               >
                                 <ul className="post-menu-catalog">
                                   <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
-                                  {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                     <>
-                                      <li onClick={() => {handleAuthorEditClick(reply); setSelectedAddress(thread.subplebbitAddress);}}>Edit post</li>
-                                      <li onClick={() => {handleAuthorDeleteClick(reply); setSelectedAddress(thread.subplebbitAddress);}}>Delete post</li>
-                                    </>
-                                  ) : null}
-                                  {isModerator ? (
-                                    <>
-                                    {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                        null
-                                      ) : (
-                                        <li onClick={() => {
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        <>
+                                          <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
+                                          <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
+                                        </>
+                                      ) : null}
+                                      {isModerator ? (
+                                        <>
+                                          {authorAddress === account?.author.address || 
+                                          authorAddress === account?.signer.address ? (
+                                            null
+                                          ) : (
+                                          <li onClick={() => {
                                           setSelectedAddress(thread.subplebbitAddress);
                                           setModeratingCommentCid(reply.cid)
                                           setIsModerationOpen(true); 
                                           handleOptionClick(reply.cid);
                                           setDeletePost(true);
+                                          }}>
+                                          Delete post
+                                          </li>
+                                        )}
+                                        <li
+                                        onClick={() => {
+                                          setSelectedAddress(thread.subplebbitAddress);
+                                          setModeratingCommentCid(reply.cid)
+                                          setIsModerationOpen(true); 
+                                          handleOptionClick(reply.cid);
                                         }}>
-                                        Delete post
+                                          Mod tools
                                         </li>
-                                      )}
-                                      <li
-                                      onClick={() => {
-                                        setSelectedAddress(thread.subplebbitAddress);
-                                        setModeratingCommentCid(reply.cid)
-                                        setIsModerationOpen(true); 
-                                        handleOptionClick(reply.cid);
-                                      }}>
-                                        Mod tools
-                                      </li>
+                                      </>
+                                      ) : null}
                                     </>
-                                  ) : null}
+                                  )}</VerifiedAuthor>
                                   {(replyMediaInfo && (
                                     replyMediaInfo.type === 'image' || 
                                     (replyMediaInfo.type === 'webpage' && 
diff --git a/src/components/views/SubscriptionsCatalog.jsx b/src/components/views/SubscriptionsCatalog.jsx
index 0fe0369c..42312209 100755
--- a/src/components/views/SubscriptionsCatalog.jsx
+++ b/src/components/views/SubscriptionsCatalog.jsx
@@ -564,40 +564,44 @@ const SubscriptionsCatalog = () => {
                           >
                             <ul className="post-menu-catalog">
                               <li onClick={() => handleOptionClick(thread.cid)}>Hide thread</li>
-                              {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                              <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                              <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (
                                 <>
-                                  <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
-                                  <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                  {authorAddress === account?.author.address || 
+                                  authorAddress === account?.signer.address ? (
+                                    <>
+                                      <li onClick={() => handleAuthorEditClick(thread)}>Edit post</li>
+                                      <li onClick={() => handleAuthorDeleteClick(thread)}>Delete post</li>
+                                    </>
+                                  ) : null}
+                                  {isModerator ? (
+                                    <>
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        null
+                                      ) : (
+                                        <li onClick={() => {
+                                          setSelectedAddress(thread.subplebbitAddress);
+                                          setModeratingCommentCid(thread.cid)
+                                          setIsModerationOpen(true); 
+                                          handleOptionClick(thread.cid);
+                                          setDeletePost(true);
+                                        }}>
+                                        Delete post
+                                        </li>
+                                      )}
+                                      <li
+                                      onClick={() => {
+                                        setSelectedAddress(thread.subplebbitAddress);
+                                        setModeratingCommentCid(thread.cid)
+                                        setIsModerationOpen(true); 
+                                        handleOptionClick(thread.cid);
+                                      }}>
+                                        Mod tools
+                                      </li>
+                                    </>
+                                  ) : null}
                                 </>
-                              ) : null}
-                              {isModerator ? (
-                                <>
-                                  {<VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                  <VerifiedAuthor commentCid={thread.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                    null
-                                  ) : (
-                                    <li onClick={() => {
-                                      setSelectedAddress(thread.subplebbitAddress);
-                                      setModeratingCommentCid(thread.cid)
-                                      setIsModerationOpen(true); 
-                                      handleOptionClick(thread.cid);
-                                      setDeletePost(true);
-                                    }}>
-                                    Delete post
-                                    </li>
-                                  )}
-                                  <li
-                                  onClick={() => {
-                                    setSelectedAddress(thread.subplebbitAddress);
-                                    setModeratingCommentCid(thread.cid)
-                                    setIsModerationOpen(true); 
-                                    handleOptionClick(thread.cid);
-                                  }}>
-                                    Mod tools
-                                  </li>
-                                </>
-                              ) : null}
+                              )}</VerifiedAuthor>
                               {(commentMediaInfo && (
                                 commentMediaInfo.type === 'image' || 
                                 (commentMediaInfo.type === 'webpage' && 
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 6931b402..178ed2a3 100755
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -1024,38 +1024,42 @@ const Thread = () => {
                           >
                             <ul className="post-menu-catalog">
                               <li onClick={() => handleOptionClick(comment.cid)}>Hide thread</li>
-                                {<VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                <VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                              <VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (
                                 <>
-                                  <li onClick={() => handleAuthorEditClick(comment)}>Edit post</li>
-                                  <li onClick={() => handleAuthorDeleteClick(comment)}>Delete post</li>
-                                </>
-                              ) : null}
-                              {isModerator ? (
-                                <>
-                                  {<VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address || 
-                                    <VerifiedAuthor commentCid={comment.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                    null
-                                  ) : (
-                                    <li onClick={() => {
+                                  {authorAddress === account?.author.address || 
+                                  authorAddress === account?.signer.address ? (
+                                    <>
+                                      <li onClick={() => handleAuthorEditClick(comment)}>Edit post</li>
+                                      <li onClick={() => handleAuthorDeleteClick(comment)}>Delete post</li>
+                                    </>
+                                  ) : null}
+                                  {isModerator ? (
+                                    <>
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        null
+                                      ) : (
+                                      <li onClick={() => {
+                                        setModeratingCommentCid(comment.cid)
+                                        setIsModerationOpen(true); 
+                                        handleOptionClick(comment.cid);
+                                        setDeletePost(true);
+                                      }}>
+                                      Delete post
+                                      </li>
+                                    )}
+                                    <li
+                                    onClick={() => {
                                       setModeratingCommentCid(comment.cid)
                                       setIsModerationOpen(true); 
                                       handleOptionClick(comment.cid);
-                                      setDeletePost(true);
                                     }}>
-                                    Delete post
+                                      Mod tools
                                     </li>
-                                  )}
-                                  <li
-                                  onClick={() => {
-                                    setModeratingCommentCid(comment.cid)
-                                    setIsModerationOpen(true); 
-                                    handleOptionClick(comment.cid);
-                                  }}>
-                                    Mod tools
-                                  </li>
-                                </>
-                              ) : null}
+                                  </>
+                                ) : null}
+                              </>
+                            )}</VerifiedAuthor>
                               {(commentMediaInfo && (
                                 commentMediaInfo.type === 'image' || 
                                 (commentMediaInfo.type === 'webpage' && 
@@ -1272,38 +1276,42 @@ const Thread = () => {
                               >
                                 <ul className="post-menu-catalog">
                                   <li onClick={() => handleOptionClick(reply.cid)}>Hide post</li>
-                                    {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
+                                  <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (
                                     <>
-                                      <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
-                                      <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
+                                      {authorAddress === account?.author.address ||
+                                      authorAddress === account?.signer.address ? (
+                                        <>
+                                          <li onClick={() => handleAuthorEditClick(reply)}>Edit post</li>
+                                          <li onClick={() => handleAuthorDeleteClick(reply)}>Delete post</li>
+                                        </>
+                                      ) : null}
+                                      {isModerator ? (
+                                        <>
+                                          {authorAddress === account?.author.address || 
+                                          authorAddress === account?.signer.address ? (
+                                            null
+                                          ) : (
+                                            <li onClick={() => {
+                                              setModeratingCommentCid(reply.cid)
+                                              setIsModerationOpen(true); 
+                                              handleOptionClick(reply.cid);
+                                              setDeletePost(true);
+                                            }}>
+                                            Delete post
+                                            </li>
+                                          )}
+                                          <li
+                                          onClick={() => {
+                                            setModeratingCommentCid(reply.cid)
+                                            setIsModerationOpen(true); 
+                                            handleOptionClick(reply.cid);
+                                          }}>
+                                            Mod tools
+                                          </li>
+                                        </>
+                                      ) : null}
                                     </>
-                                  ) : null}
-                                  {isModerator ? (
-                                    <>
-                                    {<VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.author.address ||
-                                    <VerifiedAuthor commentCid={reply.cid}>{({ authorAddress }) => (authorAddress)}</VerifiedAuthor> === account?.signer.address ? (
-                                        null
-                                      ) : (
-                                        <li onClick={() => {
-                                          setModeratingCommentCid(reply.cid)
-                                          setIsModerationOpen(true); 
-                                          handleOptionClick(reply.cid);
-                                          setDeletePost(true);
-                                        }}>
-                                        Delete post
-                                        </li>
-                                      )}
-                                      <li
-                                      onClick={() => {
-                                        setModeratingCommentCid(reply.cid)
-                                        setIsModerationOpen(true); 
-                                        handleOptionClick(reply.cid);
-                                      }}>
-                                        Mod tools
-                                      </li>
-                                    </>
-                                  ) : null}
+                                  )}</VerifiedAuthor>
                                   {(replyMediaInfo && (
                                     replyMediaInfo.type === 'image' || 
                                     (replyMediaInfo.type === 'webpage' &&