fix invalid href value

This commit is contained in:
plebbitor
2023-03-07 13:54:14 +01:00
parent 4fcfd2319e
commit 5e20230972
3 changed files with 54 additions and 54 deletions
+26 -26
View File
@@ -320,7 +320,7 @@ const Board = ({ setBodyStyle }) => {
))} ))}
<span className="nav"> <span className="nav">
[ [
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
] ]
[ [
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
@@ -339,7 +339,7 @@ const Board = ({ setBodyStyle }) => {
</select> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
&nbsp; &nbsp;
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
)}>Home</Link> )}>Home</Link>
@@ -464,9 +464,9 @@ const Board = ({ setBodyStyle }) => {
File:&nbsp; File:&nbsp;
<a key={`fa-${Math.random()}`} href={`${thread.link}`} target="_blank">filename.something</a>&nbsp;(metadata) <a key={`fa-${Math.random()}`} href={`${thread.link}`} target="_blank">filename.something</a>&nbsp;(metadata)
</div> </div>
<a key={`fta-${Math.random()}`} href={handleVoidClick} target="_blank" className="file-thumb"> <Link to="" key={`fta-${Math.random()}`} onClick={handleVoidClick} target="_blank" className="file-thumb">
<img key={`fti-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="filename.something" /> <img key={`fti-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="filename.something" />
</a> </Link>
</div> </div>
<span key={`nb-${Math.random()}`} className="name-block"> <span key={`nb-${Math.random()}`} className="name-block">
{thread.title ? ( {thread.title ? (
@@ -518,8 +518,8 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span> <span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${Math.random()}`} className="post-number"> <span key={`pn-${Math.random()}`} className="post-number">
<a key={`pl1-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`pl1-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`pl2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</a> <Link to="" key={`pl2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</Link>
&nbsp; &nbsp;
<span key={`rl1-${Math.random()}`}> <span key={`rl1-${Math.random()}`}>
[ [
@@ -527,10 +527,10 @@ const Board = ({ setBodyStyle }) => {
] ]
</span> </span>
</span> </span>
<a key={`pmb-${Math.random()}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu"></a> <Link to="" key={`pmb-${Math.random()}`} className="post-menu-button" onClick={handleVoidClick} title="Post menu" data-cmd="post-menu"></Link>
<div key={`bi-${Math.random()}`} id="backlink-id" className="backlink"> <div key={`bi-${Math.random()}`} id="backlink-id" className="backlink">
<span key={`ql1-${Math.random()}`}> <span key={`ql1-${Math.random()}`}>
<a key={`ql2-${Math.random()}`} className="quote-link" href={handleVoidClick}>{'c/'}{thread.cid.slice(0, 8)}</a> <Link to="" key={`ql2-${Math.random()}`} className="quote-link" onClick={handleVoidClick}>{'c/'}{thread.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
</span> </span>
@@ -608,18 +608,18 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span> <span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${Math.random()}`} className="post-number"> <span key={`pn-${Math.random()}`} className="post-number">
<a key={`pl1-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`pl1-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`pl2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a> <Link to="" key={`pl2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</Link>
</span> </span>
<a key={`pmb-${Math.random()}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu"></a> <Link to="" key={`pmb-${Math.random()}`} className="post-menu-button" onClick={handleVoidClick} title="Post menu" data-cmd="post-menu"></Link>
</div> </div>
{reply.content ? ( {reply.content ? (
reply.content.length > 1000 ? reply.content.length > 1000 ?
<Fragment key={`fragment8-${Math.random()}`}> <Fragment key={`fragment8-${Math.random()}`}>
<blockquote key={`pm-${Math.random()}`} className="post-message"> <blockquote key={`pm-${Math.random()}`} className="post-message">
<a key={`r-pm-${Math.random()}`} className="quotelink" href={handleVoidClick}> <Link to="" key={`r-pm-${Math.random()}`} className="quotelink" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content.slice(0, 1000)} {reply.content.slice(0, 1000)}
<span key={`ttl-s-${Math.random()}`} className="ttl"> (...) <span key={`ttl-s-${Math.random()}`} className="ttl"> (...)
<br key={`ttl-s-br1-${Math.random()}`} /><br key={`ttl-s-br2${Math.random()}`} /> <br key={`ttl-s-br1-${Math.random()}`} /><br key={`ttl-s-br2${Math.random()}`} />
@@ -629,9 +629,9 @@ const Board = ({ setBodyStyle }) => {
</blockquote> </blockquote>
</Fragment> </Fragment>
: <blockquote key={`pm-${Math.random()}`} className="post-message"> : <blockquote key={`pm-${Math.random()}`} className="post-message">
<a key={`r-pm-${Math.random()}`} className="quotelink" href={handleVoidClick}> <Link to="" key={`r-pm-${Math.random()}`} className="quotelink" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content} {reply.content}
</blockquote>) </blockquote>)
: null} : null}
@@ -644,7 +644,7 @@ const Board = ({ setBodyStyle }) => {
<div key={`mob-c-${Math.random()}`} className="op-container"> <div key={`mob-c-${Math.random()}`} className="op-container">
<div key={`mob-po-${Math.random()}`} className="post op"> <div key={`mob-po-${Math.random()}`} className="post op">
<div key={`mob-pi-${Math.random()}`} className="post-info-mobile"> <div key={`mob-pi-${Math.random()}`} className="post-info-mobile">
<a key={`mob-pb-${Math.random()}`} className="post-menu-button-mobile" href={handleVoidClick}>...</a> <Link to="" key={`mob-pb-${Math.random()}`} className="post-menu-button-mobile" onClick={handleVoidClick}>...</Link>
<span key={`mob-nbm-${Math.random()}`} className="name-block-mobile"> <span key={`mob-nbm-${Math.random()}`} className="name-block-mobile">
{thread.author.displayName {thread.author.displayName
? thread.author.displayName.length > 15 ? thread.author.displayName.length > 15
@@ -699,15 +699,15 @@ const Board = ({ setBodyStyle }) => {
<span key={`mob-dt-${Math.random()}`} className="date-time-mobile"> <span key={`mob-dt-${Math.random()}`} className="date-time-mobile">
{getDate(thread.timestamp)} {getDate(thread.timestamp)}
&nbsp; &nbsp;
<a key={`mob-no-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`mob-no-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`mob-no2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</a> <Link to="" key={`mob-no2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
<div key={`mob-f-${Math.random()}`} className="file-mobile"> <div key={`mob-f-${Math.random()}`} className="file-mobile">
<a key={`mob-ft${Math.random()}`} className="file-thumb-mobile" href={handleVoidClick} target="_blank"> <Link to="" key={`mob-ft${Math.random()}`} className="file-thumb-mobile" onClick={handleVoidClick} target="_blank">
<img key={`mob-img-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="" /> <img key={`mob-img-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="" />
<div key={`mob-fi-${Math.random()}`} className="file-info-mobile">58 KB JPG</div> <div key={`mob-fi-${Math.random()}`} className="file-info-mobile">58 KB JPG</div>
</a> </Link>
</div> </div>
{thread.content ? ( {thread.content ? (
thread.content.length > 1500 ? thread.content.length > 1500 ?
@@ -775,17 +775,17 @@ const Board = ({ setBodyStyle }) => {
</span> </span>
<span key={`mob-dt-${Math.random()}`} className="date-time-mobile"> <span key={`mob-dt-${Math.random()}`} className="date-time-mobile">
{getDate(reply.timestamp)}&nbsp; {getDate(reply.timestamp)}&nbsp;
<a key={`mob-pl1-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`mob-pl1-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`mob-pl2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a> <Link to="" key={`mob-pl2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
{reply.content ? ( {reply.content ? (
reply.content.length > 1000 ? reply.content.length > 1000 ?
<Fragment key={`fragment15-${Math.random()}`}> <Fragment key={`fragment15-${Math.random()}`}>
<blockquote key={`mob-pm-${Math.random()}`} className="post-message"> <blockquote key={`mob-pm-${Math.random()}`} className="post-message">
<a key={`mob-r-pm-${Math.random()}`} className="quotelink" href={handleVoidClick}> <Link to="" key={`mob-r-pm-${Math.random()}`} className="quotelink" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content.slice(0, 1000)} {reply.content.slice(0, 1000)}
<span key={`mob-ttl-s-${Math.random()}`} className="ttl"> (...) <span key={`mob-ttl-s-${Math.random()}`} className="ttl"> (...)
<br key={`mob-ttl-s-br1-${Math.random()}`} /><br key={`mob-ttl-s-br2${Math.random()}`} /> <br key={`mob-ttl-s-br1-${Math.random()}`} /><br key={`mob-ttl-s-br2${Math.random()}`} />
@@ -795,9 +795,9 @@ const Board = ({ setBodyStyle }) => {
</blockquote> </blockquote>
</Fragment> </Fragment>
: <blockquote key={`mob-pm-${Math.random()}`} className="post-message"> : <blockquote key={`mob-pm-${Math.random()}`} className="post-message">
<a key={`mob-r-pm-${Math.random()}`} className="quotelink" href={handleVoidClick}> <Link to="" key={`mob-r-pm-${Math.random()}`} className="quotelink" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content} {reply.content}
</blockquote>) </blockquote>)
: null} : null}
+2 -2
View File
@@ -293,7 +293,7 @@ const Catalog = ({ setBodyStyle }) => {
))} ))}
<span className="nav"> <span className="nav">
[ [
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
] ]
[ [
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
@@ -312,7 +312,7 @@ const Catalog = ({ setBodyStyle }) => {
</select> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
&nbsp; &nbsp;
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
)}>Home</Link> )}>Home</Link>
+26 -26
View File
@@ -220,7 +220,7 @@ const Thread = ({ setBodyStyle }) => {
))} ))}
<span className="nav"> <span className="nav">
[ [
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
] ]
[ [
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
@@ -239,7 +239,7 @@ const Thread = ({ setBodyStyle }) => {
</select> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">
<a href={handleVoidClick}>Settings</a> <Link to="" onClick={handleVoidClick}>Settings</Link>
&nbsp; &nbsp;
<Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}} <Link to="/" onClick={() => handleStyleChange({target: {value: "Yotsuba"}}
)}>Home</Link> )}>Home</Link>
@@ -355,7 +355,7 @@ const Thread = ({ setBodyStyle }) => {
</span> </span>
<span className="return-button catalog-button" id="bottom-button-desktop"> <span className="return-button catalog-button" id="bottom-button-desktop">
[ [
<a href={handleVoidClick} onClick={handleClickBottom} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickBottom}>Bottom</a> <a onClick={handleClickBottom} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickBottom}>Bottom</a>
] ]
</span> </span>
{comment ? ( {comment ? (
@@ -380,9 +380,9 @@ const Thread = ({ setBodyStyle }) => {
File:&nbsp; File:&nbsp;
<a key={`fa-${Math.random()}`} href={`${comment.link}`} target="_blank">filename.something</a>&nbsp;(metadata) <a key={`fa-${Math.random()}`} href={`${comment.link}`} target="_blank">filename.something</a>&nbsp;(metadata)
</div> </div>
<a key={`fta-${Math.random()}`} href={handleVoidClick} target="_blank" className="file-thumb"> <Link to="" key={`fta-${Math.random()}`} onClick={handleVoidClick} target="_blank" className="file-thumb">
<img key={`fti-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="filename.something" /> <img key={`fti-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="filename.something" />
</a> </Link>
</div> </div>
<span className="name-block"> <span className="name-block">
{comment.title ? ( {comment.title ? (
@@ -438,13 +438,13 @@ const Thread = ({ setBodyStyle }) => {
<span className="date-time" data-utc="data">{getDate(comment.timestamp)}</span> <span className="date-time" data-utc="data">{getDate(comment.timestamp)}</span>
&nbsp; &nbsp;
<span className="post-number"> <span className="post-number">
<a href={handleVoidClick} title="Link to this post">c/</a> <Link to="" onClick={handleVoidClick} title="Link to this post">c/</Link>
<a href={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</a> <Link to="" onClick={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</Link>
</span> </span>
<a key={`pmb-${Math.random()}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu"></a> <Link to="" key={`pmb-${Math.random()}`} className="post-menu-button" onClick={handleVoidClick} title="Post menu" data-cmd="post-menu"></Link>
<div id="backlink-id" className="backlink"> <div id="backlink-id" className="backlink">
<span> <span>
<a className="quote-link" href={handleVoidClick}>c/{comment.cid.slice(0, 8)}</a> <Link to="" className="quote-link" onClick={handleVoidClick}>c/{comment.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
</span> </span>
@@ -502,15 +502,15 @@ const Thread = ({ setBodyStyle }) => {
<span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span> <span key={`dt-${Math.random()}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${Math.random()}`} className="post-number"> <span key={`pn-${Math.random()}`} className="post-number">
<a key={`pl1-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`pl1-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`pl2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a> <Link to="" key={`pl2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</Link>
</span> </span>
<a key={`pmb-${Math.random()}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu"></a> <Link to="" key={`pmb-${Math.random()}`} className="post-menu-button" onClick={handleVoidClick} title="Post menu" data-cmd="post-menu"></Link>
</div> </div>
<blockquote key={`pm-${Math.random()}`} className="post-message"> <blockquote key={`pm-${Math.random()}`} className="post-message">
<a className="quotelink" href={handleVoidClick}> <Link to="" className="quotelink" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content} {reply.content}
</blockquote> </blockquote>
</div> </div>
@@ -524,7 +524,7 @@ const Thread = ({ setBodyStyle }) => {
<div className="op-container"> <div className="op-container">
<div key={`mob-po-${Math.random()}`} className="post op"> <div key={`mob-po-${Math.random()}`} className="post op">
<div key={`mob-pi-${Math.random()}`} className="post-info-mobile"> <div key={`mob-pi-${Math.random()}`} className="post-info-mobile">
<a key={`mob-pb-${Math.random()}`} className="post-menu-button-mobile" href={handleVoidClick}>...</a> <Link to="" key={`mob-pb-${Math.random()}`} className="post-menu-button-mobile" onClick={handleVoidClick}>...</Link>
<span className="name-block-mobile"> <span className="name-block-mobile">
{comment.author.displayName {comment.author.displayName
? comment.author.displayName.length > 15 ? comment.author.displayName.length > 15
@@ -578,15 +578,15 @@ const Thread = ({ setBodyStyle }) => {
<span key={`mob-dt-${Math.random()}`} className="date-time-mobile"> <span key={`mob-dt-${Math.random()}`} className="date-time-mobile">
{getDate(comment.timestamp)} {getDate(comment.timestamp)}
&nbsp; &nbsp;
<a key={`mob-no-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`mob-no-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`mob-no2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</a> <Link to="" key={`mob-no2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
<div key={`mob-f-${Math.random()}`} className="file-mobile"> <div key={`mob-f-${Math.random()}`} className="file-mobile">
<a key={`mob-ft${Math.random()}`} className="file-thumb-mobile" href={handleVoidClick} target="_blank"> <Link to="" key={`mob-ft${Math.random()}`} className="file-thumb-mobile" onClick={handleVoidClick} target="_blank">
<img key={`mob-img-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="" /> <img key={`mob-img-${Math.random()}`} src="/assets/plebchan-psycho.png" alt="" />
<div key={`mob-fi-${Math.random()}`} className="file-info-mobile">58 KB JPG</div> <div key={`mob-fi-${Math.random()}`} className="file-info-mobile">58 KB JPG</div>
</a> </Link>
</div> </div>
<blockquote key={`mob-bq-${Math.random()}`} className="post-message-mobile"> <blockquote key={`mob-bq-${Math.random()}`} className="post-message-mobile">
{comment.content ? ( {comment.content ? (
@@ -644,14 +644,14 @@ const Thread = ({ setBodyStyle }) => {
</span> </span>
<span key={`mob-dt-${Math.random()}`} className="date-time-mobile"> <span key={`mob-dt-${Math.random()}`} className="date-time-mobile">
{getDate(reply.timestamp)}&nbsp; {getDate(reply.timestamp)}&nbsp;
<a key={`mob-pl1-${Math.random()}`} href={handleVoidClick} title="Link to this post">c/</a> <Link to="" key={`mob-pl1-${Math.random()}`} onClick={handleVoidClick} title="Link to this post">c/</Link>
<a key={`mob-pl2-${Math.random()}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a> <Link to="" key={`mob-pl2-${Math.random()}`} onClick={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</Link>
</span> </span>
</div> </div>
<blockquote key={`mob-pm-${Math.random()}`} className="post-message-mobile"> <blockquote key={`mob-pm-${Math.random()}`} className="post-message-mobile">
<a key={`mob-ql-${Math.random()}`} className="quotelink-mobile" href={handleVoidClick}> <Link to="" key={`mob-ql-${Math.random()}`} className="quotelink-mobile" onClick={handleVoidClick}>
{`c/${reply.parentCid.slice(0, 8)}`}{<br />} {`c/${reply.parentCid.slice(0, 8)}`}{<br />}
</a> </Link>
{reply.content} {reply.content}
</blockquote> </blockquote>
</div> </div>
@@ -675,12 +675,12 @@ const Thread = ({ setBodyStyle }) => {
</span> </span>
<span className="bottom-bar-top"> <span className="bottom-bar-top">
[ [
<a href={handleVoidClick} onClick={handleClickTop} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickTop}>Top</a> <a onClick={handleClickTop} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickTop}>Top</a>
] ]
</span> </span>
<span className="quickreply-button"> <span className="quickreply-button">
[ [
<a href={handleVoidClick} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a> <Link to="" onClick={handleVoidClick} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</Link>
] ]
</span> </span>
{comment.replyCount > 0 ? ( {comment.replyCount > 0 ? (
@@ -735,7 +735,7 @@ const Thread = ({ setBodyStyle }) => {
</div> </div>
<span className="bottom-bar-top"> <span className="bottom-bar-top">
<span className="btn-wrap"> <span className="btn-wrap">
<a href={handleVoidClick} onClick={handleClickTop} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickTop}>Top</a> <a onClick={handleClickTop} onMouseOver={(event) => event.target.style.cursor='pointer'} onTouchStart={handleClickTop}>Top</a>
</span> </span>
</span> </span>
</div> </div>