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

fix refs

Browse Source
This commit is contained in:
plebeius.eth
2023-06-11 14:24:53 +02:00
parent 7826bf07bc
commit 1c30826375
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/All.jsx
+4 -4
View File
@@ -868,14 +868,14 @@ const All = () => {
<blockquote key={`pm-${index}`} comment={reply} className="post-message"> <blockquote key={`pm-${index}`} comment={reply} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
@@ -921,14 +921,14 @@ const All = () => {
: <blockquote key={`pm-${index}`} className="post-message"> : <blockquote key={`pm-${index}`} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
src/components/views/Board.jsx
+8 -8
View File
@@ -1353,14 +1353,14 @@ const Board = () => {
<blockquote key={`pm-${index}`} comment={reply} className="post-message"> <blockquote key={`pm-${index}`} comment={reply} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
@@ -1413,14 +1413,14 @@ const Board = () => {
: <blockquote key={`pm-${index}`} className="post-message"> : <blockquote key={`pm-${index}`} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
@@ -1751,14 +1751,14 @@ const Board = () => {
<blockquote key={`mob-pm-${index}`} className="post-message"> <blockquote key={`mob-pm-${index}`} className="post-message">
<Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefsMobile.current[shortParentCid] = el; quoteRefsMobile.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
@@ -1811,14 +1811,14 @@ const Board = () => {
: <blockquote key={`mob-pm-${index}`} className="post-message"> : <blockquote key={`mob-pm-${index}`} className="post-message">
<Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`mob-r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefsMobile.current[shortParentCid] = el; quoteRefsMobile.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
src/components/views/Subscriptions.jsx
+4 -4
View File
@@ -875,14 +875,14 @@ const Subscriptions = () => {
<blockquote key={`pm-${index}`} comment={reply} className="post-message"> <blockquote key={`pm-${index}`} comment={reply} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;
@@ -928,14 +928,14 @@ const Subscriptions = () => {
: <blockquote key={`pm-${index}`} className="post-message"> : <blockquote key={`pm-${index}`} className="post-message">
<Link to={() => {}} key={`r-pm-${index}`} className="quotelink" <Link to={() => {}} key={`r-pm-${index}`} className="quotelink"
ref={el => { ref={el => {
quoteRefs.current[shortParentCid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
setOutOfViewCid(reply.parentCid); setOutOfViewCid(reply.parentCid);
const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); const rect = quoteRefs.current[reply.cid].getBoundingClientRect();
const distanceToRight = window.innerWidth - rect.right; const distanceToRight = window.innerWidth - rect.right;
const distanceToTop = rect.top; const distanceToTop = rect.top;
const distanceToBottom = window.innerHeight - rect.bottom; const distanceToBottom = window.innerHeight - rect.bottom;