feat: replace inline recent timestamp calculation with getRecentFromTimestamp utility function

Author: ErwanDecoster

src/modules/apps/AppsPreviewTable.tsx

@@ -10,6 +10,7 @@ import AppIcon from '@/components/icons/AppIcon';
 import { Button } from '@/components/ui/button';
 import useUserStore from '@/stores/useUser.store';
 import { createPlaceholderDataFn } from '@/utils/createPlaceholderDataFnForQueryKey';
+import { getRecentFromTimestamp } from '@/utils/format';
 import { ErrorAlert } from '../ErrorAlert';
 import { appsQuery } from './appsQuery';
 import { columns } from './appsTable/columns';
@@ -18,7 +19,7 @@ export function AppsPreviewTable({ className }: { className?: string }) {
   const { chainId } = useUserStore();
 
   // Pertinent ordering: usageCount desc + recent usage constraint (last 14 days)
-  const recentFrom = Math.floor(Date.now() / 1000) - 14 * 24 * 60 * 60;
+  const recentFrom = getRecentFromTimestamp();
   const orderBy: App_OrderBy = App_OrderBy.UsageCount;
   const orderDirection: OrderDirection = OrderDirection.Desc;
   const queryKey = [

src/modules/workerpools/WorkerpoolsPreviewTable.tsx

@@ -10,6 +10,7 @@ import WorkerpoolIcon from '@/components/icons/WorkerpoolIcon';
 import { Button } from '@/components/ui/button';
 import useUserStore from '@/stores/useUser.store';
 import { createPlaceholderDataFn } from '@/utils/createPlaceholderDataFnForQueryKey';
+import { getRecentFromTimestamp } from '@/utils/format';
 import { ErrorAlert } from '../ErrorAlert';
 import { workerpoolsQuery } from './workerpoolsQuery';
 import { columns } from './workerpoolsTable/columns';
@@ -18,7 +19,7 @@ export function WorkerpoolsPreviewTable({ className }: { className?: string }) {
   const { chainId } = useUserStore();
 
   // Pertinent ordering: usageCount desc + recent usage constraint (last 14 days)
-  const recentFrom = Math.floor(Date.now() / 1000) - 14 * 24 * 60 * 60;
+  const recentFrom = getRecentFromTimestamp();
   const orderBy: Workerpool_OrderBy = Workerpool_OrderBy.UsageCount;
   const orderDirection: OrderDirection = OrderDirection.Desc;
   const queryKey = [

src/routes/$chainSlug/_layout/apps.tsx

@@ -23,7 +23,7 @@ import { columns } from '@/modules/apps/appsTable/columns';
 import { SearcherBar } from '@/modules/search/SearcherBar';
 import useUserStore from '@/stores/useUser.store';
 import { createPlaceholderDataFn } from '@/utils/createPlaceholderDataFnForQueryKey';
-import { getAdditionalPages } from '@/utils/format';
+import { getAdditionalPages, getRecentFromTimestamp } from '@/utils/format';
 
 export const Route = createFileRoute('/$chainSlug/_layout/apps')({
   component: AppsRoute,
@@ -37,10 +37,7 @@ function useAppsData(currentPage: number, orderFilter: string) {
 
   const orderBy = orderFilter === 'pertinent' ? 'usageCount' : 'timestamp';
   const orderDirection = orderFilter === 'oldest' ? 'asc' : 'desc';
-  const recentFrom =
-    orderFilter === 'pertinent'
-      ? Math.floor(Date.now() / 1000) - 14 * 24 * 60 * 60
-      : 0;
+  const recentFrom = orderFilter === 'pertinent' ? getRecentFromTimestamp() : 0;
 
   const queryKey = [
     chainId,

src/routes/$chainSlug/_layout/workerpools.tsx

@@ -23,7 +23,7 @@ import { workerpoolsQuery } from '@/modules/workerpools/workerpoolsQuery';
 import { columns } from '@/modules/workerpools/workerpoolsTable/columns';
 import useUserStore from '@/stores/useUser.store';
 import { createPlaceholderDataFn } from '@/utils/createPlaceholderDataFnForQueryKey';
-import { getAdditionalPages } from '@/utils/format';
+import { getAdditionalPages, getRecentFromTimestamp } from '@/utils/format';
 
 export const Route = createFileRoute('/$chainSlug/_layout/workerpools')({
   component: WorkerpoolsRoute,
@@ -36,10 +36,7 @@ function useWorkerpoolsData(currentPage: number, orderFilter: string) {
   const nextNextSkip = skip + 2 * TABLE_LENGTH;
   const orderBy = orderFilter === 'pertinent' ? 'usageCount' : 'timestamp';
   const orderDirection = orderFilter === 'oldest' ? 'asc' : 'desc';
-  const recentFrom =
-    orderFilter === 'pertinent'
-      ? Math.floor(Date.now() / 1000) - 14 * 24 * 60 * 60
-      : 0;
+  const recentFrom = orderFilter === 'pertinent' ? getRecentFromTimestamp() : 0;
 
   const queryKey = [
     chainId,

src/utils/format.ts

@@ -1,6 +1,14 @@
 import { multiaddr } from '@multiformats/multiaddr';
 import { Buffer } from 'buffer';
 
+/**
+ * Returns a unix timestamp (in seconds) for 14 days ago from now.
+ * Used for recency filtering ("pertinent" mode).
+ */
+export function getRecentFromTimestamp(days = 14): number {
+  return Math.floor(Date.now() / 1000) - days * 24 * 60 * 60;
+}
+
 export const multiaddrHexToHuman = (hexString: string): string => {
   if (hexString.substring(0, 2) !== '0x') return hexString;
   let res: string;