External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

add PostOnHover to OP links

Browse Source
This commit is contained in:
plebeius.eth
2023-06-11 12:17:22 +02:00
parent 9659fb4480
commit b03a542cec
3 changed files with 78 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PostOnHover.jsx
+8 -4
View File
@@ -78,12 +78,8 @@ const PostOnHover = ({ cid, feed }) => {
   
<span className="post-number post-number-desktop"> <span className="post-number post-number-desktop">
<span >c/</span> <span >c/</span>
{reply.shortCid ? (
<Link to={() => {}} id="reply-button" <Link to={() => {}} id="reply-button"
title="Reply to this post">{reply.shortCid}</Link> title="Reply to this post">{reply.shortCid}</Link>
) : (
<span key="pending" style={{color: 'red', fontWeight: '700'}}>Pending</span>
)}
</span>&nbsp; </span>&nbsp;
<div id="backlink-id" className="backlink"> <div id="backlink-id" className="backlink">
{reply.replies?.pages?.topAll.comments {reply.replies?.pages?.topAll.comments
@@ -155,9 +151,11 @@ const PostOnHover = ({ cid, feed }) => {
reply.content?.length > 500 ? reply.content?.length > 500 ?
<Fragment > <Fragment >
<blockquote comment={reply} className="post-message"> <blockquote comment={reply} className="post-message">
{shortParentCid ? (
<Link to={() => {}} className="quotelink"> <Link to={() => {}} className="quotelink">
{`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
</Link> </Link>
) : null}
<Post content={reply.content?.slice(0, 500)} /> <Post content={reply.content?.slice(0, 500)} />
<span className="ttl"> (...) <span className="ttl"> (...)
<br /> <EditLabel <br /> <EditLabel
@@ -167,9 +165,11 @@ const PostOnHover = ({ cid, feed }) => {
</blockquote> </blockquote>
</Fragment> </Fragment>
: <blockquote className="post-message"> : <blockquote className="post-message">
{shortParentCid ? (
<Link to={() => {}} className="quotelink"> <Link to={() => {}} className="quotelink">
{`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
</Link> </Link>
) : null}
<Post content={reply.content} comment={reply} /> <Post content={reply.content} comment={reply} />
<EditLabel <EditLabel
commentCid={reply.cid} commentCid={reply.cid}
@@ -277,9 +277,11 @@ const PostOnHover = ({ cid, feed }) => {
reply.content?.length > 500 ? reply.content?.length > 500 ?
<Fragment> <Fragment>
<blockquote className="post-message"> <blockquote className="post-message">
{shortParentCid ? (
<Link to={() => {}} className="quotelink"> <Link to={() => {}} className="quotelink">
{`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
</Link> </Link>
) : null}
<Post content={reply.content?.slice(0, 500)} comment={reply} /> <Post content={reply.content?.slice(0, 500)} comment={reply} />
<span className="ttl"> (...) <span className="ttl"> (...)
<br /> <br />
@@ -291,9 +293,11 @@ const PostOnHover = ({ cid, feed }) => {
</blockquote> </blockquote>
</Fragment> </Fragment>
: <blockquote className="post-message"> : <blockquote className="post-message">
{shortParentCid ? (
<Link to={() => {}} className="quotelink" > <Link to={() => {}} className="quotelink" >
{`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === thread.shortCid ? " (OP)" : null}
</Link> </Link>
) : null}
<Post content={reply.content} comment={reply} /> <Post content={reply.content} comment={reply} />
<EditLabel <EditLabel
commentCid={reply.cid} commentCid={reply.cid}
src/components/views/Board.jsx
-16
View File
@@ -1339,9 +1339,6 @@ const Board = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === thread.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1360,7 +1357,6 @@ const Board = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {
@@ -1393,9 +1389,6 @@ const Board = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === thread.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1414,7 +1407,6 @@ const Board = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {
@@ -1725,9 +1717,6 @@ const Board = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === thread.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1746,7 +1735,6 @@ const Board = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {
@@ -1779,9 +1767,6 @@ const Board = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === thread.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1800,7 +1785,6 @@ const Board = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {
src/components/views/Thread.jsx
-8
View File
@@ -1252,9 +1252,6 @@ const Thread = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === comment.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1272,7 +1269,6 @@ const Thread = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {
@@ -1528,9 +1524,6 @@ const Thread = () => {
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
if (shortParentCid === comment.shortCid) {
return;
} else {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
@@ -1549,7 +1542,6 @@ const Thread = () => {
maxWidth: window.innerWidth - rect.left - rect.width + 5 maxWidth: window.innerWidth - rect.left - rect.width + 5
}); });
} }
}
}); });
}} }}
onMouseLeave={() => { onMouseLeave={() => {