feat(board): add more_threads_last_year suggestion

src/views/board/board.tsx

@@ -148,14 +148,23 @@ const Board = () => {
     newerThan: 60 * 60 * 24 * 30,
     filter: hideThreadsWithoutImages ? createThreadsWithoutImagesFilter() : undefined,
   });
+  const { feed: yearlyFeed } = useFeed({
+    subplebbitAddresses,
+    sortType,
+    newerThan: 60 * 60 * 24 * 365,
+    filter: hideThreadsWithoutImages ? createThreadsWithoutImagesFilter() : undefined,
+  });
 
   const feedLength = feed.length;
   const weeklyFeedLength = weeklyFeed.length;
   const monthlyFeedLength = monthlyFeed.length;
+  const yearlyFeedLength = yearlyFeed.length;
   const hasFeedLoaded = !!feed;
   const loadingStateString =
     useFeedStateString(subplebbitAddresses) ||
-    (!hasFeedLoaded || (feedLength === 0 && !(weeklyFeedLength > feedLength || monthlyFeedLength > feedLength)) ? t('loading_feed') : t('looking_for_more_posts'));
+    (!hasFeedLoaded || (feedLength === 0 && !(weeklyFeedLength > feedLength || monthlyFeedLength > feedLength || yearlyFeedLength > monthlyFeedLength))
+      ? t('loading_feed')
+      : t('looking_for_more_posts'));
 
   const [showMorePostsSuggestion, setShowMorePostsSuggestion] = useState(false);
   useEffect(() => {
@@ -189,7 +198,7 @@ const Board = () => {
           ) : (
             (isInAllView || isInSubscriptionsView || isInModView) &&
             showMorePostsSuggestion &&
-            monthlyFeed.length > feed.length &&
+            (monthlyFeed.length > feed.length || yearlyFeed.length > monthlyFeed.length) &&
             (() => {
               const basePath = isInAllView ? '/all' : isInSubscriptionsView ? '/subscriptions' : isInModView ? '/mod' : boardPath ? `/${boardPath}` : '';
               return weeklyFeed.length > feed.length ? (
@@ -202,7 +211,7 @@ const Board = () => {
                     }}
                   />
                 </div>
-              ) : (
+              ) : monthlyFeed.length > feed.length ? (
                 <div className={styles.morePostsSuggestion}>
                   <Trans
                     i18nKey='more_threads_last_month'
@@ -212,6 +221,16 @@ const Board = () => {
                     }}
                   />
                 </div>
+              ) : (
+                <div className={styles.morePostsSuggestion}>
+                  <Trans
+                    i18nKey='more_threads_last_year'
+                    values={{ currentTimeFilterName, count: feed.length }}
+                    components={{
+                      1: <Link to={`${basePath}/1y`} />,
+                    }}
+                  />
+                </div>
               );
             })()
           )}

src/views/catalog/catalog.tsx

@@ -285,6 +285,13 @@ const Catalog = () => {
     filter: createCombinedFilter(showTextOnlyThreads, filterItems, searchText, subplebbitAddress || 'all', handleFilterMatch),
   });
 
+  const { feed: yearlyFeed } = useFeed({
+    subplebbitAddresses,
+    sortType,
+    newerThan: 60 * 60 * 24 * 365,
+    filter: createCombinedFilter(showTextOnlyThreads, filterItems, searchText, subplebbitAddress || 'all', handleFilterMatch),
+  });
+
   const [showMorePostsSuggestion, setShowMorePostsSuggestion] = useState(false);
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -306,9 +313,12 @@ const Catalog = () => {
   const feedLength = feed.length;
   const weeklyFeedLength = weeklyFeed.length;
   const monthlyFeedLength = monthlyFeed.length;
+  const yearlyFeedLength = yearlyFeed.length;
   const hasFeedLoaded = !!feed;
   const loadingStateString =
-    useFeedStateString(subplebbitAddresses) || !hasFeedLoaded || (feedLength === 0 && !(weeklyFeedLength > feedLength || monthlyFeedLength > feedLength))
+    useFeedStateString(subplebbitAddresses) ||
+    !hasFeedLoaded ||
+    (feedLength === 0 && !(weeklyFeedLength > feedLength || monthlyFeedLength > feedLength || yearlyFeedLength > monthlyFeedLength))
       ? t('loading_feed')
       : t('looking_for_more_posts');
 
@@ -361,7 +371,7 @@ const Catalog = () => {
           ) : (
             (isInAllView || isInSubscriptionsView) &&
             showMorePostsSuggestion &&
-            monthlyFeed.length > feed.length &&
+            (monthlyFeed.length > feed.length || yearlyFeed.length > monthlyFeed.length) &&
             (weeklyFeed.length > feed.length ? (
               <div className={styles.stateString}>
                 <Trans
@@ -372,7 +382,7 @@ const Catalog = () => {
                   }}
                 />
               </div>
-            ) : (
+            ) : monthlyFeed.length > feed.length ? (
               <div className={styles.stateString}>
                 <Trans
                   i18nKey='more_threads_last_month'
@@ -382,6 +392,16 @@ const Catalog = () => {
                   }}
                 />
               </div>
+            ) : (
+              <div className={styles.stateString}>
+                <Trans
+                  i18nKey='more_threads_last_year'
+                  values={{ currentTimeFilterName, count: feed.length }}
+                  components={{
+                    1: <Link to={(isInAllView ? '/all/catalog' : isInSubscriptionsView ? '/subscriptions/catalog' : `/${boardPath}/catalog`) + '/1y'} />,
+                  }}
+                />
+              </div>
             ))
           )}
           <div className={styles.stateString}>