cleanup and linting

Author: n1ru4l

packages/web/app/src/components/ui/date-range-picker.tsx

@@ -43,7 +43,7 @@ export type Preset = {
   range: { from: string; to: string };
 };
 
-export function buildDateRangeString(range: ResolvedDateRange, locale = 'en-us'): string {
+export function buildDateRangeString(range: ResolvedDateRange): string {
   const fromDate = formatDate(range.from, 'MMM d');
   const fromTime = formatDate(range.from, 'HH:mm');
   const toDate = formatDate(range.to, 'MMM d');

packages/web/app/src/pages/target-app-version.tsx

@@ -30,7 +30,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/comp
 import { graphql } from '@/gql';
 import { useRedirect } from '@/lib/access/common';
 import { DotsHorizontalIcon } from '@radix-ui/react-icons';
-import { Link } from '@tanstack/react-router';
+import { Link, useRouter } from '@tanstack/react-router';
 
 const TargetAppsVersionQuery = graphql(`
   query TargetAppsVersionQuery(

packages/web/app/src/pages/target-traces.tsx

@@ -1,5 +1,5 @@
 import { Fragment, memo, ReactNode, useCallback, useMemo, useRef, useState } from 'react';
-import { formatDate, formatISO, parse as parseDate } from 'date-fns';
+import { formatDate, formatISO } from 'date-fns';
 import { formatInTimeZone, toZonedTime } from 'date-fns-tz';
 import {
   ArrowDown,
@@ -218,7 +218,7 @@ const TrafficBucketDiagram = memo(function Traffic(props: TrafficProps) {
         />
         <Bar stackId="all" dataKey="ok" fill="var(--color-ok)" name="Ok" />
         <Bar stackId="all" dataKey="error" fill="var(--color-error)" name="Error" />
-        // TODO: hide this if there is no filter declared
+        {/*TODO: hide this if there is no filter declared */}
         <Bar stackId="all" dataKey="remaining" fill="rgba(170,175,180,0.1)" name="Filtered out" />
         {refAreaLeft && refAreaRight && (
           <ReferenceArea x1={refAreaLeft} x2={refAreaRight} fill="white" fillOpacity={0.2} />
@@ -247,19 +247,6 @@ type SortProps = {
   sorting: SortState;
 };
 
-const TargetTracesPaginationShape = z.object({
-  pageIndex: z.number().min(0).default(0),
-  pageSize: z.number().min(10).max(100).default(20),
-});
-export const TargetTracesPagination = {
-  shape: TargetTracesPaginationShape,
-};
-
-export type PaginationState = z.infer<typeof TargetTracesPaginationShape>;
-type PaginationProps = {
-  pagination: PaginationState;
-};
-
 const TracesList_Trace = graphql(`
   fragment TracesList_Trace on Trace {
     id

packages/web/app/src/router.tsx

@@ -80,10 +80,8 @@ import { TargetSettingsPage, TargetSettingsPageEnum } from './pages/target-setti
 import { TargetTracePage } from './pages/target-trace';
 import {
   FilterState,
-  PaginationState,
   TargetTracesFilterState,
   TargetTracesPage,
-  TargetTracesPagination,
   TargetTracesSort,
 } from './pages/target-traces';