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

added scroll and highlight to links

Browse Source
This commit is contained in:
plebbitor
2023-04-17 18:52:21 +02:00
parent a8e09896e9
commit 0ccf6327e1
4 changed files with 58 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+4 -4
View File
@@ -478,7 +478,7 @@ const Board = () => {
<div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
<Link key={`ql-${reply.cid}`}
to={() => {}} className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
onClick={(event) => handleQuoteClick(reply, null, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
@@ -566,7 +566,7 @@ const Board = () => {
<div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
<Link to={() => {}} key={`ql-${reply.cid}`}
className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
@@ -624,7 +624,7 @@ const Board = () => {
reply.content.length > 500 ?
<Fragment key={`fragment8-${reply.cid}`}>
<blockquote key={`pm-${reply.cid}`} comment={reply} className="post-message">
<Link to="" key={`r-pm-${reply.cid}`} className="quotelink" onClick={() => {}}>
<Link to="" key={`r-pm-${reply.cid}`} className="quotelink" onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}>
{`c/${shortParentCid}`}{<br />}
</Link>
<Post content={reply.content.slice(0, 500)} key={`post-${reply.cid}`} handlequoteclick={handleQuoteClick} />
@@ -636,7 +636,7 @@ const Board = () => {
</blockquote>
</Fragment>
: <blockquote key={`pm-${reply.cid}`} className="post-message">
<Link to="" key={`r-pm-${reply.cid}`} className="quotelink" onClick={() => {}}>
<Link to="" key={`r-pm-${reply.cid}`} className="quotelink" onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}>
{`c/${shortParentCid}`}{<br />}
</Link>
<Post content={reply.content} key={`post-${reply.cid}`} handlequoteclick={handleQuoteClick} comment={reply} />
src/components/views/Thread.jsx
+4 -4
View File
@@ -491,7 +491,7 @@ const Thread = () => {
<div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
<Link to={() => {}} key={`ql-${reply.cid}`}
className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
onClick={(event) => handleQuoteClick(reply, null, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
@@ -514,7 +514,7 @@ const Thread = () => {
return (
<div key={`pc-${reply.cid}-${Math.random()}`} className="reply-container">
<div key={`sa-${reply.cid}`} className="side-arrows">{'>>'}</div>
<div key={`pr-${reply.cid}`} className="post-reply" id="post-reply">
<div key={`pr-${reply.cid}`} className="post-reply">
<div key={`pi-${reply.cid}`} className="post-info">
&nbsp;
<span key={`nb-${reply.cid}`} className="nameblock">
@@ -559,7 +559,7 @@ const Thread = () => {
<div key={`div-${reply.cid}`} style={{display: 'inline-block'}}>
<Link to={() => {}} key={`ql-${reply.cid}`}
className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}>
c/{reply.shortCid}</Link>
&nbsp;
</div>
@@ -614,7 +614,7 @@ const Thread = () => {
) : null}
<blockquote key={`pm-${reply.cid}`} className="post-message">
<Link to={() => {}} className="quote-link"
onClick={(event) => handleQuoteClick(reply, event)}>
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)}>
{`c/${shortParentCid}`}{<br />}
</Link>
<Post content={reply.content} comment={reply} handlequoteclick={handleQuoteClick} key={`post-${reply.cid}`} />