fixup! feat(dashboard): add labs listing page

Signed-off-by: Felipe Bergamin <felipebergamin6@gmail.com>

Author: felipebergamin

dashboard/src/api/labs.ts

@@ -11,34 +11,24 @@ import { RequestData } from './commonRequest';
 
 const fetchLabsListing = async (
   origin: string,
-  startTimestampInSeconds: number,
-  endTimestampInSeconds: number,
+  intervalInDays: number,
 ): Promise<LabListingResponse> => {
   return RequestData.get<LabListingResponse>('/api/labs/', {
     params: {
-      startTimestampInSeconds,
-      endTimestampInSeconds,
       origin,
+      interval_in_days: intervalInDays,
     },
   });
 };
 
 export const useLabsListing = (
-  startTimestampInSeconds: number,
-  endTimestampInSeconds: number,
   searchFrom: LabsListingRoutesMap['search'],
 ): UseQueryResult<LabListingResponse> => {
-  const { origin } = useSearch({ from: searchFrom });
+  const { origin, intervalInDays } = useSearch({ from: searchFrom });
 
   return useQuery({
-    queryKey: [
-      'labsListing',
-      startTimestampInSeconds,
-      endTimestampInSeconds,
-      origin,
-    ],
-    queryFn: () =>
-      fetchLabsListing(origin, startTimestampInSeconds, endTimestampInSeconds),
+    queryKey: ['labsListing', origin, intervalInDays],
+    queryFn: () => fetchLabsListing(origin, intervalInDays),
     refetchOnWindowFocus: false,
   });
 };

dashboard/src/pages/Labs/LabsPage.tsx

@@ -1,9 +1,5 @@
 import { useMemo, type JSX } from 'react';
 
-import { roundToNearestMinutes } from 'date-fns';
-
-import { useSearch } from '@tanstack/react-router';
-
 import type { LabListingItem } from '@/types/lab';
 
 import { useLabsListing } from '@/api/labs';
@@ -14,9 +10,6 @@ import { matchesRegexOrIncludes } from '@/lib/string';
 
 import type { LabsListingRoutesMap } from '@/utils/constants/labsListing';
 
-import { dateObjectToTimestampInSeconds, daysToSeconds } from '@/utils/date';
-import { REDUCED_TIME_SEARCH } from '@/utils/constants/general';
-
 import { LabsTable } from './LabsTable';
 
 export function LabsPage({
@@ -26,25 +19,7 @@ export function LabsPage({
   inputFilter: string;
   urlFromMap: LabsListingRoutesMap;
 }): JSX.Element {
-  const { intervalInDays = REDUCED_TIME_SEARCH } = useSearch({
-    from: urlFromMap.search,
-  });
-
-  const { startTimestampInSeconds, endTimestampInSeconds } = useMemo(() => {
-    const end = dateObjectToTimestampInSeconds(
-      roundToNearestMinutes(new Date(), { nearestTo: 30 }),
-    );
-    return {
-      startTimestampInSeconds: end - daysToSeconds(intervalInDays),
-      endTimestampInSeconds: end,
-    };
-  }, [intervalInDays]);
-
-  const { data, error, status, isLoading } = useLabsListing(
-    startTimestampInSeconds,
-    endTimestampInSeconds,
-    urlFromMap.search,
-  );
+  const { data, error, status, isLoading } = useLabsListing(urlFromMap.search);
 
   const listItems: LabListingItem[] = useMemo(() => {
     if (!data) {

dashboard/src/pages/Labs/LabsTable.tsx

@@ -31,6 +31,7 @@ import {
 } from '@/components/Table/PaginationInfo';
 
 import type { LabListingItem } from '@/types/lab';
+import type { ShortStatusCount } from '@/types/general';
 
 import { sumStatus } from '@/utils/status';
 
@@ -41,9 +42,7 @@ import { MemoizedSectionError } from '@/components/DetailsPages/SectionError';
 
 import type { LabsListingRoutesMap } from '@/utils/constants/labsListing';
 
-const statusCell = (
-  summary: LabListingItem['build_status_summary'],
-): JSX.Element => (
+const statusCell = (summary: ShortStatusCount): JSX.Element => (
   <GroupedTestStatus
     preCalculatedGroupedStatus={{
       successCount: summary.PASS,

dashboard/src/types/lab.ts

@@ -7,8 +7,6 @@ export type LabListingItem = {
   test_status_summary: ShortStatusCount;
 };
 
-export type LabListingApiItem = LabListingItem;
-
 export interface LabListingResponse {
-  labs: LabListingApiItem[];
+  labs: LabListingItem[];
 }