add dashboard

Author: alrocar

apps/web/src/components/tools/vercel_logs/cache-stats-chart.tsx

@@ -1,5 +1,5 @@
 import { LineChart, Line, XAxis, YAxis } from 'recharts'
-import { ChartContainer, ChartTooltip, ChartConfig, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartConfig } from '@/components/ui/chart'
 import { format } from 'date-fns'
 
 interface CacheData {

apps/web/src/components/tools/vercel_logs/dashboard.tsx

@@ -4,7 +4,6 @@ import { useQueryState } from 'nuqs'
 import { useEffect, useState } from 'react'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { pipe } from '@/lib/tinybird'
-import { StatusDistributionChart } from './status-distribution-chart'
 import { ErrorsChart } from './errors-chart'
 import { CacheStatsChart } from './cache-stats-chart'
 import { ResponseTimesChart } from './response-times-chart'
@@ -19,10 +18,15 @@ export default function VercelLogsDashboard() {
     const [eventType, setEventType] = useState('')
     const [source, setSource] = useState('')
     const [isLoading, setIsLoading] = useState(true)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [requestsData, setRequestsData] = useState<any[]>([])
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [errorsData, setErrorsData] = useState<any[]>([])
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [responseTimesData, setResponseTimesData] = useState<any[]>([])
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [topPathsData, setTopPathsData] = useState<any[]>([])
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [cacheStatsData, setCacheStatsData] = useState<any[]>([])
     const [topPathsPage, setTopPathsPage] = useState(0)
     const [topPathsLoading, setTopPathsLoading] = useState(false)

apps/web/src/components/tools/vercel_logs/errors-chart.tsx

@@ -1,5 +1,5 @@
 import { LineChart, Line, XAxis, YAxis } from 'recharts'
-import { ChartContainer, ChartTooltip, ChartConfig, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartConfig } from '@/components/ui/chart'
 import { format } from 'date-fns'
 
 interface ErrorData {

apps/web/src/components/tools/vercel_logs/filters.tsx

@@ -101,15 +101,9 @@ export function VercelFilters({
     token, 
     className,
     environment,
-    host,
     project,
-    eventType,
-    source,
     onEnvironmentChange,
-    onHostChange,
-    onProjectChange,
-    onEventTypeChange,
-    onSourceChange
+    onProjectChange
 }: VercelFiltersProps) {
     return (
         <div className={cn("flex flex-wrap gap-2", className)}>
@@ -120,34 +114,13 @@ export function VercelFilters({
                 value={environment}
                 onChange={onEnvironmentChange}
             />
-            {/* <Filter
-                token={token}
-                pipeName="vercel_hosts"
-                label="Host"
-                value={host}
-                onChange={onHostChange}
-            /> */}
             <Filter
                 token={token}
                 pipeName="vercel_projects"
                 label="Project"
                 value={project}
                 onChange={onProjectChange}
             />
-            {/* <Filter
-                token={token}
-                pipeName="vercel_event_types"
-                label="Event Type"
-                value={eventType}
-                onChange={onEventTypeChange}
-            />
-            <Filter
-                token={token}
-                pipeName="vercel_sources"
-                label="Source"
-                value={source}
-                onChange={onSourceChange}
-            /> */}
         </div>
     )
 } 

apps/web/src/components/tools/vercel_logs/response-times-chart.tsx

@@ -1,5 +1,5 @@
 import { LineChart, Line, XAxis, YAxis } from 'recharts'
-import { ChartContainer, ChartTooltip, ChartConfig, ChartTooltipContent } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartConfig } from '@/components/ui/chart'
 import { format } from 'date-fns'
 
 interface ResponseTimeData {

apps/web/src/components/tools/vercel_logs/top-paths-table.tsx

@@ -1,4 +1,3 @@
-import { useState } from 'react'
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
 import { Button } from '@/components/ui/button'
 import { ChevronLeft, ChevronRight } from 'lucide-react'