chore: memoize publishedAfter date in recent view renderer

AXeL-dev · Aug 21, 2022 · 3bbeea8 · 3bbeea8
1 parent a969718
commit 3bbeea8
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/ui/components/pages/Home/ChannelRenderer/RecentViewRenderer.tsx b/src/ui/components/pages/Home/ChannelRenderer/RecentViewRenderer.tsx
@@ -27,7 +27,7 @@ function RecentViewRenderer(props: RecentViewRendererProps) {
         .filter(({ flags }) => filterVideoByFlags(flags, filters))
         .map(({ id }) => id),
     }),
-    [videos, filters]
+    [videos, filters],
   );
   const filterCallback = useCallback(
     (video: Video) => {
@@ -37,11 +37,12 @@ function RecentViewRenderer(props: RecentViewRendererProps) {
         return inclusionList.includes(video.id);
       }
     },
-    [filters.uncategorised, exclusionList, inclusionList]
+    [filters.uncategorised, exclusionList, inclusionList],
+  );
+  const publishedAfter = useMemo(
+    () => getDateBefore(settings.recentVideosSeniority).toISOString(),
+    [settings.recentVideosSeniority],
   );
-  const publishedAfter = getDateBefore(
-    settings.recentVideosSeniority
-  ).toISOString();
 
   return (
     <DefaultRenderer