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 invalid href attribute

Browse Source
This commit is contained in:
Tom
2023-04-26 16:22:24 +02:00
parent 9a92dbf61b
commit 5df5e59f80
3 changed files with 63 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Board.styled.jsx
+12 -12
View File
@@ -1922,12 +1922,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: maroon; color: maroon;
} }
.post-number a:hover { .post-number {
color: red; color: red;
} }
@@ -2092,12 +2092,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
.post-number a:hover { .post-number {
color: #d00; color: #d00;
} }
@@ -2261,12 +2261,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: maroon; color: maroon;
} }
.post-number a:hover { .post-number {
color: red; color: red;
} }
@@ -2428,12 +2428,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
.post-number a:hover { .post-number {
color: red; color: red;
} }
@@ -2592,12 +2592,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: #c5c8c6; color: #c5c8c6;
} }
.post-number a:hover { .post-number {
color: #5f89ab; color: #5f89ab;
} }
@@ -2766,12 +2766,12 @@ export const BoardForm = styled.div`
font-weight: 700; font-weight: 700;
} }
.post-number a { .post-number {
text-decoration: none; text-decoration: none;
color: #333; color: #333;
} }
.post-number a:hover { .post-number {
color: #ff3300; color: #ff3300;
} }
src/components/styled/Thread.styled.jsx
+24 -24
View File
@@ -234,12 +234,12 @@ export const TopBar = styled.div`
.return-button { .return-button {
margin-left: 10px; margin-left: 10px;
a, a:visited { a, a:visited, #button {
color: #00e !important; color: #00e !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
}`; }`;
@@ -260,12 +260,12 @@ export const TopBar = styled.div`
.return-button { .return-button {
margin-left: 10px; margin-left: 10px;
a, a:visited { a, a:visited, #button {
color: #34345c !important; color: #34345c !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
}`; }`;
@@ -286,12 +286,12 @@ export const TopBar = styled.div`
padding-top: 2px; padding-top: 2px;
font-size: 12pt; font-size: 12pt;
a, a:visited { a, a:visited, #button {
color: #00e !important; color: #00e !important;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
} }
@@ -317,12 +317,12 @@ export const TopBar = styled.div`
padding-top: 2px; padding-top: 2px;
font-size: 12pt; font-size: 12pt;
a, a:visited { a, a:visited, #button {
color: #34345c !important; color: #34345c !important;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
} }
@@ -354,12 +354,12 @@ export const TopBar = styled.div`
.return-button { .return-button {
margin-left: 10px; margin-left: 10px;
a, a:visited { a, a:visited, #button {
color: #81a2be !important; color: #81a2be !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: #5f89ab !important; color: #5f89ab !important;
} }
}`; }`;
@@ -380,12 +380,12 @@ export const TopBar = styled.div`
.return-button { .return-button {
margin-left: 10px; margin-left: 10px;
a, a:visited { a, a:visited, #button {
color: #f60 !important; color: #f60 !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: #ff3300 !important; color: #ff3300 !important;
} }
}`; }`;
@@ -563,12 +563,12 @@ export const BottomBar = styled.div`
switch (selectedStyle) { switch (selectedStyle) {
case 'Yotsuba': case 'Yotsuba':
return ` return `
a, a:visited { a, a:visited, #button {
color: #00e !important; color: #00e !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
@@ -581,12 +581,12 @@ export const BottomBar = styled.div`
case 'Yotsuba-B': case 'Yotsuba-B':
return ` return `
a, a:visited { a, a:visited, #button {
color: #34345c !important; color: #34345c !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
@@ -599,12 +599,12 @@ export const BottomBar = styled.div`
case 'Futaba': case 'Futaba':
return ` return `
a, a:visited { a, a:visited, #button {
color: #00e !important; color: #00e !important;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
@@ -625,12 +625,12 @@ export const BottomBar = styled.div`
case 'Burichan': case 'Burichan':
return ` return `
a, a:visited { a, a:visited, #button {
color: #34345c !important; color: #34345c !important;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover, #button:hover {
color: red !important; color: red !important;
} }
@@ -651,12 +651,12 @@ export const BottomBar = styled.div`
case 'Tomorrow': case 'Tomorrow':
return ` return `
a, a:visited { a, a:visited, #button {
color: #81a2be !important; color: #81a2be !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: #5f89ab !important; color: #5f89ab !important;
} }
@@ -669,12 +669,12 @@ export const BottomBar = styled.div`
case 'Photon': case 'Photon':
return ` return `
a, a:visited { a, a:visited, #button {
color: #f60 !important; color: #f60 !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover, #button:hover {
color: #ff3300 !important; color: #ff3300 !important;
} }
src/components/views/Thread.jsx
+27 -28
View File
@@ -344,7 +344,7 @@ const Thread = () => {
</div> </div>
<div id="bottom-button-mobile"> <div id="bottom-button-mobile">
<span className="btn-wrap"> <span className="btn-wrap">
<a href={()=> {}} onClick={() => window.scrollTo(0, document.body.scrollHeight)} onMouseOver={(event) => event.target.style.cursor='pointer'}>Bottom</a> <span style={{cursor: 'pointer'}} onClick={() => window.scrollTo(0, document.body.scrollHeight)} onMouseOver={(event) => event.target.style.cursor='pointer'}>Bottom</span>
</span> </span>
</div> </div>
<div id="post-form-link-desktop"> <div id="post-form-link-desktop">
@@ -413,9 +413,9 @@ const Thread = () => {
</span> </span>
<span className="return-button catalog-button" id="bottom-button-desktop"> <span className="return-button catalog-button" id="bottom-button-desktop">
[ [
<a href={()=> {}} onClick={() => window.scrollTo(0, document.body.scrollHeight)} <span id="button" style={{cursor: 'pointer'}} onClick={() => window.scrollTo(0, document.body.scrollHeight)}
onMouseOver={(event) => event.target.style.cursor='pointer'} onMouseOver={(event) => event.target.style.cursor='pointer'}
onTouchStart={() => window.scrollTo(0, document.body.scrollHeight)}>Bottom</a> onTouchStart={() => window.scrollTo(0, document.body.scrollHeight)}>Bottom</span>
] ]
</span> </span>
{comment ? ( {comment ? (
@@ -522,21 +522,21 @@ const Thread = () => {
<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 post-number-desktop"> <span className="post-number post-number-desktop">
<Link to={() => {}} title="Link to this post">c/</Link> <span style={{cursor: 'pointer'}} id="reply-button" title="Link to this post">c/</span>
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} onClick={() => { <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} onClick={() => {
setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid); setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
}} title="Reply to this post">{comment.shortCid}</button> }} title="Reply to this post">{comment.shortCid}</button>
</span>&nbsp;&nbsp; </span>&nbsp;&nbsp;
<button key={`pmb-${comment.cid}`} className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button> <button className="post-menu-button" title="Post menu" style={{ all: 'unset', cursor: 'pointer' }}>▶</button>
<div id="backlink-id" className="backlink"> <div id="backlink-id" className="backlink">
{comment?.replies?.pages?.topAll.comments {comment?.replies?.pages?.topAll.comments
.sort((a, b) => a.timestamp - b.timestamp) .sort((a, b) => a.timestamp - b.timestamp)
.map((reply, index) => ( .map((reply, index) => (
<div key={`div-${index}`} style={{display: 'inline-block'}}> <div key={`div-${index}`} style={{display: 'inline-block'}}>
<Link to={() => {}} key={`ql-${index}`} <span style={{cursor: 'pointer'}} key={`ql-${index}`}
className="quote-link" className="quote-link"
onClick={(event) => handleQuoteClick(reply, null, event)}> onClick={(event) => handleQuoteClick(reply, null, event)}>
c/{reply.shortCid}</Link> c/{reply.shortCid}</span>
&nbsp; &nbsp;
</div> </div>
)) ))
@@ -604,8 +604,8 @@ const Thread = () => {
&nbsp; &nbsp;
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply?.timestamp)}</span> <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply?.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${index}`} className="post-number post-number-desktop"> <span style={{cursor: 'pointer'}} key={`pn-${index}`} className="post-number post-number-desktop">
<Link to={() => {}} key={`pl1-${index}`} title="Link to this post">c/</Link> <span id="reply-button" key={`pl1-${index}`} title="Link to this post">c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`pl2-${index}`} onClick={() => { <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`pl2-${index}`} onClick={() => {
setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid); setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);
@@ -620,10 +620,10 @@ const Thread = () => {
.sort((a, b) => a.timestamp - b.timestamp) .sort((a, b) => a.timestamp - b.timestamp)
.map((reply, index) => ( .map((reply, index) => (
<div key={`div-${index}`} style={{display: 'inline-block'}}> <div key={`div-${index}`} style={{display: 'inline-block'}}>
<Link to={() => {}} key={`ql-${index}`} <span style={{cursor: 'pointer'}} key={`ql-${index}`}
className="quote-link" className="quote-link"
onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}> onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}>
c/{reply.shortCid}</Link> c/{reply.shortCid}</span>
&nbsp; &nbsp;
</div> </div>
)) ))
@@ -677,13 +677,13 @@ const Thread = () => {
</div> </div>
) : null} ) : null}
<blockquote key={`pm-${index}`} className="post-message"> <blockquote key={`pm-${index}`} className="post-message">
<Link to={() => {}} className="quote-link" <span style={{cursor: 'pointer'}} className="quote-link"
onClick={(event) => { onClick={(event) => {
handleQuoteClick(reply, shortParentCid, comment.shortCid, event); handleQuoteClick(reply, shortParentCid, comment.shortCid, event);
}} }}
> >
{`c/${shortParentCid}`}{shortParentCid === comment.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === comment.shortCid ? " (OP)" : null}
</Link> </span>
<Post content={reply.content} comment={reply} key={`post-${index}`} /> <Post content={reply.content} comment={reply} key={`post-${index}`} />
</blockquote> </blockquote>
</div> </div>
@@ -697,7 +697,7 @@ const Thread = () => {
<div className="op-container" key="op-container"> <div className="op-container" key="op-container">
<div key={`mob-po-${comment.cid}`} className="post op op-mobile"> <div key={`mob-po-${comment.cid}`} className="post op op-mobile">
<div key={`mob-pi-${comment.cid}`} className="post-info-mobile"> <div key={`mob-pi-${comment.cid}`} className="post-info-mobile">
<button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${comment.cid}`} className="post-menu-button-mobile" onClick={() => {}}>...</button> <button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${comment.cid}`} className="post-menu-button-mobile">...</button>
<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
@@ -745,7 +745,7 @@ const Thread = () => {
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-no-${comment.cid}`} onClick={() => { <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-no-${comment.cid}`} onClick={() => {
setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid); setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);
}} title="Link to this post">c/</button> }} title="Link to this post">c/</button>
<Link to={() => {}} key={`mob-no2-${comment.cid}`} title="Reply to this post">{comment.shortCid}</Link> <span id="reply-button" style={{cursor: 'pointer'}} key={`mob-no2-${comment.cid}`} title="Reply to this post">{comment.shortCid}</span>
</span> </span>
</div> </div>
{commentMediaInfo?.url ? ( {commentMediaInfo?.url ? (
@@ -839,7 +839,7 @@ const Thread = () => {
</span> </span>
<span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"> <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
{getDate(reply?.timestamp)}&nbsp; {getDate(reply?.timestamp)}&nbsp;
<Link to={() => {}} key={`mob-pl1-${index}`} title="Link to this post">c/</Link> <span id="reply-button" style={{cursor: 'pointer'}} key={`mob-pl1-${index}`} title="Link to this post">c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pl2-${index}`} onClick={() => { <button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pl2-${index}`} onClick={() => {
setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid); setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid);
@@ -883,10 +883,10 @@ const Thread = () => {
</div> </div>
) : null} ) : null}
<blockquote key={`mob-pm-${index}`} className="post-message-mobile"> <blockquote key={`mob-pm-${index}`} className="post-message-mobile">
<Link to={() => {}} key={`mob-ql-${index}`} className="quotelink-mobile" <span style={{cursor: 'pointer'}} key={`mob-ql-${index}`} className="quotelink-mobile"
onClick={(event) => handleQuoteClick(reply, shortParentCid, comment.shortCid, event)}> onClick={(event) => handleQuoteClick(reply, shortParentCid, comment.shortCid, event)}>
{`c/${shortParentCid}`}{shortParentCid === comment.shortCid ? " (OP)" : null} {`c/${shortParentCid}`}{shortParentCid === comment.shortCid ? " (OP)" : null}
</Link> </span>
<Post content={reply.content} comment={reply} key={`post-mobile-${index}`} /> <Post content={reply.content} comment={reply} key={`post-mobile-${index}`} />
</blockquote> </blockquote>
{reply.replyCount > 0 ? ( {reply.replyCount > 0 ? (
@@ -895,10 +895,9 @@ const Thread = () => {
.sort((a, b) => a.timestamp - b.timestamp) .sort((a, b) => a.timestamp - b.timestamp)
.map((reply, index) => ( .map((reply, index) => (
<div key={`div-back${index}`} style={{display: 'inline-block'}}> <div key={`div-back${index}`} style={{display: 'inline-block'}}>
<Link key={`ql-${index}`} <span style={{cursor: 'pointer'}} key={`ql-${index}`} className="quote-link"
to={() => {}} className="quote-link"
onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}> onClick={(event) => handleQuoteClick(reply, reply.shortCid, event)}>
c/{reply.shortCid}</Link> c/{reply.shortCid}</span>
&nbsp; &nbsp;
</div> </div>
))} ))}
@@ -925,14 +924,14 @@ const Thread = () => {
</span> </span>
<span className="bottom-bar-top"> <span className="bottom-bar-top">
[ [
<a href={()=> {}} onClick={() => window.scrollTo(0, 0)} <span id="button" onClick={() => window.scrollTo(0, 0)}
onMouseOver={(event) => event.target.style.cursor='pointer'} onMouseOver={(event) => event.target.style.cursor='pointer'}
onTouchStart={() => window.scrollTo(0, 0)}>Top</a> onTouchStart={() => window.scrollTo(0, 0)}>Top</span>
] ]
</span> </span>
<span className="quickreply-button"> <span className="quickreply-button">
[ [
<a href={()=> {}} onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a> <span id="button" onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</span>
] ]
</span> </span>
{comment.replyCount > 0 ? ( {comment.replyCount > 0 ? (
@@ -981,7 +980,7 @@ const Thread = () => {
<ReplyFormLink id="post-form-link" selectedStyle={selectedStyle} > <ReplyFormLink id="post-form-link" selectedStyle={selectedStyle} >
<div id="post-form-link-mobile" className="post-button-mobile"> <div id="post-form-link-mobile" className="post-button-mobile">
<span className="btn-wrap"> <span className="btn-wrap">
<a href={()=> {}} onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a> <span style={{cursor: 'pointer'}} onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</span>
</span> </span>
</div> </div>
<div id="btns-container"> <div id="btns-container">
@@ -997,11 +996,11 @@ const Thread = () => {
</div> </div>
<span className="bottom-bar-top"> <span className="bottom-bar-top">
<span className="btn-wrap"> <span className="btn-wrap">
<a href={()=> {}} onClick={() => window.scrollTo(0, 0)} <span onClick={() => window.scrollTo(0, 0)}
onMouseOver={(event) => event.target.style.cursor='pointer'} onMouseOver={(event) => event.target.style.cursor='pointer'}
onTouchStart={() => window.scrollTo(0, 0)} onTouchStart={() => window.scrollTo(0, 0)}
style={{marginRight: "10px", marginLeft: "10px"}} style={{cursor: 'pointer', marginRight: "10px", marginLeft: "10px"}}
>Top</a> >Top</span>
</span> </span>
</span> </span>
</div> </div>