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 state, hook and context for thread view

Browse Source
This commit is contained in:
plebbitor
2023-02-20 22:17:04 +01:00
parent a8696ea41a
commit f667eaccc4
4 changed files with 142 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+8 -5
View File
@@ -9,7 +9,7 @@ import InfiniteScroll from 'react-infinite-scroller';
const Board = ({ setBodyStyle }) => {
const [defaultSubplebbits, setDefaultSubplebbits] = useState([]);
const { selectedTitle, setSelectedTitle, selectedAddress, setSelectedAddress, selectedStyle, setSelectedStyle } = useContext(BoardContext);
const { selectedTitle, setSelectedTitle, selectedAddress, setSelectedAddress, selectedThread, setSelectedThread, selectedStyle, setSelectedStyle } = useContext(BoardContext);
const [showPostFormLink, setShowPostFormLink] = useState(true);
const [showPostForm, setShowPostForm] = useState(false);
const [name, setName] = useState('');
@@ -124,6 +124,10 @@ const Board = ({ setBodyStyle }) => {
setShowPostForm(true);
navigate(`/${selectedAddress}/post`);
};
const handleClickThread = (thread) => {
setSelectedThread(thread);
}
const handlePublishComment = async () => {
// Event.preventDefault();
@@ -330,10 +334,9 @@ const Board = ({ setBodyStyle }) => {
hasMore={hasMore}
loader={<div>Loading...</div>}
>
{feed.map(object => {
{feed.map(thread => {
let counter = 1;
const thread = object;
const { replies: { pages: { topAll: { comments } } } } = object;
const { replies: { pages: { topAll: { comments } } } } = thread;
const renderedComments = renderComments(comments);
return (
<>
@@ -358,7 +361,7 @@ const Board = ({ setBodyStyle }) => {
&nbsp; &nbsp;
<span key={`rl1-${thread.cid}`}>
[
<Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread`} className="reply-link" >Reply</Link>
<Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="reply-link" >Reply</Link>
]
</span>
</span>