fix(multifeed): wrong feed data

src/components/views/All.jsx

@@ -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];

src/components/views/AllCatalog.jsx

@@ -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();

src/components/views/Subscriptions.jsx

@@ -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];

src/components/views/SubscriptionsCatalog.jsx

@@ -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