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 state update in render

Browse Source
This commit is contained in:
plebeius.eth
2023-06-28 11:20:00 +02:00
parent 1b7855de46
commit 0cea42d3e4
3 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/All.jsx
+13 -13
View File
@@ -102,23 +102,11 @@ const All = () => {
const [moderatorPermissions, setModeratorPermissions] = useState({});
const [executeAnonMode, setExecuteAnonMode] = useState(false);
const [cidTracker, setCidTracker] = useState({});
const [displayedReplies, setDisplayedReplies] = useState([]);
const setSelectedThreadCid = (cid) => {
selectedThreadCidRef.current = cid;
}
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
displayedReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [displayedReplies]);
useAnonModeRef(selectedThreadCidRef, anonymousMode && executeAnonMode);
useAnonModeRef(selectedThreadCidRef, anonymousMode && executeAnonMode);
const addresses = defaultSubplebbits.map(subplebbit => subplebbit.address);
@@ -251,6 +239,19 @@ const All = () => {
}, {});
}, [flattenedRepliesByThread, accountComments, selectedFeed]);
const allReplies = useMemo(() => {
return selectedFeed.flatMap(thread => filteredRepliesByThread[thread.cid]?.displayedReplies || []);
}, [selectedFeed, filteredRepliesByThread]);
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
allReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [allReplies]);
// mobile navbar scroll effect
useEffect(() => {
const debouncedHandleScroll = debounce(() => {
@@ -597,7 +598,6 @@ const All = () => {
data={selectedFeed}
itemContent={(index, thread) => {
const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {};
setDisplayedReplies(displayedReplies);
const commentMediaInfo = getCommentMediaInfo(thread);
const fallbackImgUrl = "assets/filedeleted-res.gif";
const isModerator = moderatorPermissions[thread.subplebbitAddress];
src/components/views/Board.jsx
+14 -14
View File
@@ -119,20 +119,8 @@ const Board = () => {
const [postOnHoverHeight, setPostOnHoverHeight] = useState(0);
const [executeAnonMode, setExecuteAnonMode] = useState(false);
const [cidTracker, setCidTracker] = useState({});
const [displayedReplies, setDisplayedReplies] = useState([]);
const setSelectedThreadCid = (cid) => {
selectedThreadCidRef.current = cid;
}
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
displayedReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [displayedReplies]);
const setSelectedThreadCid = (cid) => { selectedThreadCidRef.current = cid;}
useAnonModeRef(selectedThreadCidRef, anonymousMode && executeAnonMode);
@@ -244,6 +232,19 @@ const Board = () => {
return acc;
}, {});
}, [flattenedRepliesByThread, accountComments, selectedFeed]);
const allReplies = useMemo(() => {
return selectedFeed.flatMap(thread => filteredRepliesByThread[thread.cid]?.displayedReplies || []);
}, [selectedFeed, filteredRepliesByThread]);
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
allReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [allReplies]);
// temporary title from JSON, gets subplebbitAddress from URL
@@ -1076,7 +1077,6 @@ const Board = () => {
data={selectedFeed}
itemContent={(index, thread) => {
const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {};
setDisplayedReplies(displayedReplies);
const commentMediaInfo = getCommentMediaInfo(thread);
const fallbackImgUrl = "assets/filedeleted-res.gif";
return (
src/components/views/Subscriptions.jsx
+14 -12
View File
@@ -102,21 +102,11 @@ const Subscriptions = () => {
const [moderatorPermissions, setModeratorPermissions] = useState({});
const [executeAnonMode, setExecuteAnonMode] = useState(false);
const [cidTracker, setCidTracker] = useState({});
const [displayedReplies, setDisplayedReplies] = useState([]);
const setSelectedThreadCid = (cid) => {
selectedThreadCidRef.current = cid;
}
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
displayedReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [displayedReplies]);
useAnonModeRef(selectedThreadCidRef, anonymousMode && executeAnonMode);
const { feed, hasMore, loadMore } = useFeed({subplebbitAddresses: account?.subscriptions, sortType: 'active'});
@@ -249,6 +239,19 @@ const Subscriptions = () => {
}, {});
}, [flattenedRepliesByThread, accountComments, selectedFeed]);
const allReplies = useMemo(() => {
return selectedFeed.flatMap(thread => filteredRepliesByThread[thread.cid]?.displayedReplies || []);
}, [selectedFeed, filteredRepliesByThread]);
// let post.jsx access full cid of user-typed short cid
useEffect(() => {
const newCidTracker = {};
allReplies.forEach((reply) => {
newCidTracker[reply.shortCid] = reply.cid;
});
setCidTracker(newCidTracker);
}, [allReplies]);
// mobile navbar scroll effect
useEffect(() => {
const debouncedHandleScroll = debounce(() => {
@@ -605,7 +608,6 @@ const Subscriptions = () => {
data={selectedFeed}
itemContent={(index, thread) => {
const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {};
setDisplayedReplies(displayedReplies);
const commentMediaInfo = getCommentMediaInfo(thread);
const fallbackImgUrl = "assets/filedeleted-res.gif";
const isModerator = moderatorPermissions[thread.subplebbitAddress];