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

initial Thread view

Browse Source
This commit is contained in:
plebbitor
2023-02-12 21:20:08 +01:00
parent af0a4c67de
commit 0c07b1a308
5 changed files with 715 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+15 -11
View File
@@ -15,6 +15,8 @@ const Board = ({ setBodyStyle }) => {
const { feed } = useFeed([`${selectedAddress}`], 'new');
// console.log(feed);
useEffect(() => {
let didCancel = false;
fetch(
@@ -32,6 +34,8 @@ const Board = ({ setBodyStyle }) => {
};
}, []);
const handleVoidClick = () => {}
const handleClick = (title, address) => {
setSelectedTitle(title);
setSelectedAddress(address);
@@ -44,7 +48,7 @@ const Board = ({ setBodyStyle }) => {
const handleClickForm = () => {
setShowPostFormLink(false);
setShowPostForm(true);
navigate('/board/post-form');
navigate('/board/post-thread');
};
const handleStyleChange = (event) => {
@@ -120,7 +124,7 @@ const Board = ({ setBodyStyle }) => {
{defaultSubplebbits.map(subplebbit => (
<span className="boardList" key={`span-${subplebbit.address}`}>
[
<a href="javascript:void(0)" key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
<a href={handleVoidClick} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
>{subplebbit.title}</a>
]&nbsp;
</span>
@@ -161,7 +165,7 @@ const Board = ({ setBodyStyle }) => {
<td>Subject</td>
<td>
<input name="sub" type="text" tabIndex={3} />
<input type="submit" value="Post" tabIndex={6} />
<input id="post-button" type="submit" value="Post" tabIndex={6} />
</td>
</tr>
<tr data-type="Comment">
@@ -235,19 +239,19 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${thread.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span key={`pn-${thread.cid}`} className="post-number">
<a key={`pl1-${thread.cid}`} href="javascript:void(0)" title="Link to this post">No.</a>
<a key={`pl2-${thread.cid}`} href="javascript:void(0)" title="Reply to this post">00000001</a>
<a key={`pl1-${thread.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
<a key={`pl2-${thread.cid}`} href={handleVoidClick} title="Reply to this post">00000001</a>
&nbsp; &nbsp;
<span key={`rl1-${thread.cid}`}>
[
<a key={`rl2-${thread.cid}`} className="reply-link" href="javascript:void(0)">Reply</a>
<Link key={`rl2-${thread.cid}`} to="/board/thread" className="reply-link" >Reply</Link>
]
</span>
</span>
<a key={`pmb-${thread.cid}`} className="post-menu-button" href="javascript:void(0)" title="Post menu" data-cmd="post-menu">▶</a>
<a key={`pmb-${thread.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
<div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
<span key={`ql1-${thread.cid}`}>
<a key={`ql2-${thread.cid}`} className="quote-link" href="javascript:void(0)">{'>>'}00000002</a>
<a key={`ql2-${thread.cid}`} className="quote-link" href={handleVoidClick}>{'>>'}00000002</a>
</span>
</div>
<blockquote key={`bq-${thread.cid}`}>
@@ -279,10 +283,10 @@ const Board = ({ setBodyStyle }) => {
<span key={`dt-${reply.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
&nbsp;
<span key={`pn-${reply.cid}`} className="post-number">
<a key={`pl1-${reply.cid}`} href="javascript:void(0)" title="Link to this post">No.</a>
<a key={`pl2-${reply.cid}`} href="javascript:void(0)" title="Reply to this post">{`0000000${counter}`}</a>
<a key={`pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
<a key={`pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{`0000000${counter}`}</a>
</span>
<a key={`pmb-${reply.cid}`} className="post-menu-button" href="javascript:void(0)" title="Post menu" data-cmd="post-menu">▶</a>
<a key={`pmb-${reply.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
</div>
<blockquote key={`pm-${reply.cid}`} className="post-message">
{reply.content}