fix(multifeed): wrong feed data

This commit is contained in:
plebeius.eth
2023-10-21 14:28:54 +02:00
parent 2a95903466
commit 3964893e25
4 changed files with 10 additions and 14 deletions
+3 -6
View File
@@ -138,7 +138,8 @@ const All = () => {
const addresses = defaultSubplebbits.map((subplebbit) => subplebbit.address);
const { feed, loadMore } = useFeed({ subplebbitAddresses: addresses, sortType: 'active' });
const { subplebbits } = useSubplebbits({ subplebbitAddresses: addresses, sortType: 'active' });
const [selectedFeed, setSelectedFeed] = useState(feed.sort((a, b) => b.timestamp - a.timestamp));
const [selectedFeed, setSelectedFeed] = useState(feed);
let feedData = [...feed];
const stateString = useFeedStateString(addresses);
@@ -282,10 +283,6 @@ const All = () => {
}
}, [errorString, setNewErrorMessage]);
useEffect(() => {
setSelectedFeed(feed.sort((a, b) => b.timestamp - a.timestamp));
}, [feed]);
const flattenedRepliesByThread = useMemo(() => {
return selectedFeed.reduce((acc, thread) => {
const replies = flattenCommentsPages(thread.replies);
@@ -710,7 +707,7 @@ const All = () => {
{feed ? (
<Virtuoso
increaseViewportBy={{ bottom: 600, top: 600 }}
data={selectedFeed}
data={feedData}
itemContent={(index, thread) => {
if (editedComments[thread.cid]) {
thread = editedComments[thread.cid];
+2 -3
View File
@@ -735,14 +735,14 @@ const AllCatalog = () => {
const addresses = defaultSubplebbits.map((subplebbit) => subplebbit.address);
const { feed, hasMore, loadMore } = useFeed({ subplebbitAddresses: addresses, sortType: 'active' });
const { subplebbits } = useSubplebbits({ subplebbitAddresses: addresses, sortType: 'active' });
const [selectedFeed, setSelectedFeed] = useState(feed.sort((a, b) => b.timestamp - a.timestamp));
let feedData = [...feed];
const stateString = useFeedStateString(addresses);
const columnWidth = 180;
const windowWidth = useWindowWidth();
const columnCount = Math.floor(windowWidth / columnWidth);
const rows = useFeedRows(selectedFeed, columnCount);
const rows = useFeedRows(feedData, columnCount);
// mobile navbar scroll effect
useEffect(() => {
@@ -779,7 +779,6 @@ const AllCatalog = () => {
const handleClickTitle = (title, address) => {
setSelectedTitle(title);
setSelectedAddress(address);
setSelectedFeed(feed.filter((feed) => feed.title === title));
};
const location = useLocation();
+3 -2
View File
@@ -136,8 +136,9 @@ const Subscriptions = () => {
useAnonModeRef(selectedThreadCidRef, anonymousMode && executeAnonMode);
const { feed, loadMore } = useFeed({ subplebbitAddresses: account?.subscriptions, sortType: 'active' });
const [selectedFeed, setSelectedFeed] = useState(feed.sort((a, b) => b.timestamp - a.timestamp));
const { subplebbits } = useSubplebbits({ subplebbitAddresses: account?.subscriptions, sortType: 'active' });
const [selectedFeed, setSelectedFeed] = useState(feed);
let feedData = [...feed];
const stateString = useFeedStateString(account?.subscriptions);
@@ -714,7 +715,7 @@ const Subscriptions = () => {
{!feed ? null : (
<Virtuoso
increaseViewportBy={{ bottom: 600, top: 600 }}
data={selectedFeed}
data={feedData}
itemContent={(index, thread) => {
if (editedComments[thread.cid]) {
thread = editedComments[thread.cid];
@@ -733,15 +733,15 @@ const SubscriptionsCatalog = () => {
const [isCreateBoardOpen, setIsCreateBoardOpen] = useState(false);
const { feed, hasMore, loadMore } = useFeed({ subplebbitAddresses: account?.subscriptions, sortType: 'active' });
const [selectedFeed, setSelectedFeed] = useState(feed.sort((a, b) => b.timestamp - a.timestamp));
const { subplebbits } = useSubplebbits({ subplebbitAddresses: account?.subscriptions, sortType: 'active' });
let feedData = [...feed];
const stateString = useFeedStateString(account?.subscriptions);
const columnWidth = 180;
const windowWidth = useWindowWidth();
const columnCount = Math.floor(windowWidth / columnWidth);
const rows = useFeedRows(selectedFeed, columnCount);
const rows = useFeedRows(feedData, columnCount);
// mobile navbar scroll effect
useEffect(() => {
@@ -760,7 +760,6 @@ const SubscriptionsCatalog = () => {
const handleClickTitle = (title, address) => {
setSelectedTitle(title);
setSelectedAddress(address);
setSelectedFeed(feed.filter((feed) => feed.title === title));
};
// mobile navbar board select functionality