note infinite claim_search

ui/page/channelsFollowingDiscover/view.jsx

@@ -29,39 +29,44 @@ type ChannelsFollowingItem = {
 function ChannelsFollowingDiscover(props: Props) {
   const { followedTags, subscribedChannels, blockedChannels, homepageData } = props;
   const { PRIMARY_CONTENT_CHANNEL_IDS } = homepageData;
-  let rowData: Array<ChannelsFollowingItem> = [];
+  // let rowData: Array<ChannelsFollowingItem> = [];
   const notChannels = subscribedChannels
     .map(({ uri }) => uri)
     .concat(blockedChannels)
     .map(uri => uri.split('#')[1]);
 
-  rowData.push({
+  const getRowData = () => {
+    const rData = [];
+    rData.push({
       title: 'Top Channels Of All Time',
       link: `/$/${PAGES.DISCOVER}?claim_type=channel&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${CS.FRESH_ALL}`,
       options: {
         pageSize: 12,
         claimType: 'channel',
         orderBy: ['effective_amount'],
+        notChannels,
       },
     });
 
-  rowData.push({
+    rData.push({
       title: 'Latest From @lbrycast',
       link: `/@lbrycast:4`,
       options: {
         orderBy: ['release_time'],
         pageSize: 8,
         channelIds: ['4c29f8b013adea4d5cca1861fb2161d5089613ea'],
+        notChannels,
       },
     });
 
-  rowData.push({
+    rData.push({
       title: 'Trending Channels',
       link: `/$/${PAGES.DISCOVER}?claim_type=channel`,
       options: {
         pageSize: 8,
         claimType: 'channel',
         orderBy: ['trending_group', 'trending_mixed'],
+        notChannels,
       },
     });
 
@@ -73,35 +78,30 @@ function ChannelsFollowingDiscover(props: Props) {
           claimType: 'channel',
           pageSize: 4,
           tags: [tag.name],
+          notChannels,
         },
       }));
-    rowData.push(...followedRows);
+      rData.push(...followedRows);
     }
 
     if (followedTags.length > 4) {
-    rowData.push({
+      rData.push({
         title: 'Trending For Your Tags',
         link: `/$/${PAGES.TAGS_FOLLOWING}?claim_type=channel`,
         options: {
           claimType: 'channel',
           tags: followedTags.map(tag => tag.name),
+          notChannels,
         },
       });
     }
-
-  const rowDataWithGenericOptions = rowData.map(row => {
-    return {
-      ...row,
-      options: {
-        ...row.options,
-        notChannels,
-      },
+    return rData;
   };
-  });
+  const [rowData] = React.useState(getRowData() || []);
 
   return (
     <Page>
-      {rowDataWithGenericOptions.map(({ title, link, help, options = {} }) => (
+      {rowData.map(({ title, link, help, options = {} }) => (
         <div key={title} className="claim-grid__wrapper">
           <h1 className="section__actions">
             {link ? (
@@ -117,7 +117,7 @@ function ChannelsFollowingDiscover(props: Props) {
             )}
             {help}
           </h1>
-
+          { /* This does infinite claim_search if apis are down */ }
           <ClaimTilesDiscover {...options} />
         </div>
       ))}
@@ -125,6 +125,7 @@ function ChannelsFollowingDiscover(props: Props) {
         {__('More Channels')}
       </h1>
       {/* odysee: claimIds = PRIMARY_CONTENT_CHANNEL_IDS if simplesite CLD */}
+
       <ClaimListDiscover
         defaultOrderBy={CS.ORDER_BY_TRENDING}
         defaultFreshness={CS.FRESH_ALL}
@@ -132,6 +133,7 @@ function ChannelsFollowingDiscover(props: Props) {
         claimIds={SIMPLE_SITE ? PRIMARY_CONTENT_CHANNEL_IDS : undefined}
         scrollAnchor={MORE_CHANNELS_ANCHOR}
       />
+
     </Page>
   );
 }