Mariano/cleanup

apps/app/src/app/[locale]/(app)/(dashboard)/evidence/list/components/EvidenceList.tsx

@@ -1,61 +1,10 @@
 "use client";
 
-import { useEvidenceTasksStats } from "../../hooks/useEvidenceTasksStats";
 import { useEvidenceTable } from "../hooks/useEvidenceTableContext";
-import {
-	EvidenceListEmpty,
-	EvidenceListError,
-	EvidenceListSkeleton,
-} from "./EvidenceListUIStates";
-import { EvidenceSummaryCards } from "./EvidenceSummaryCards";
-import { FilterDropdown, SearchInput } from "./table/EvidenceFilters";
-import { PaginationControls } from "./table/EvidenceFilters/PaginationControls";
 import { EvidenceListTable } from "./table/EvidenceListTable";
 
 export function EvidenceList() {
-	const {
-		evidenceTasks,
-		isLoading,
-		error,
-		mutate,
-		hasActiveFilters,
-		clearFilters,
-		pagination,
-	} = useEvidenceTable();
+	const { evidenceTasks } = useEvidenceTable();
 
-	// Also track the loading state of the stats
-	const { isLoading: isStatsLoading } = useEvidenceTasksStats();
-
-	// Show loading state if either the list or stats are loading
-	if (isLoading || isStatsLoading) {
-		return <EvidenceListSkeleton />;
-	}
-
-	if (error) {
-		return <EvidenceListError error={error} onRetry={mutate} />;
-	}
-
-	return (
-		<div className="space-y-4 w-full max-w-full">
-			{/* Evidence summary statistics cards */}
-			<EvidenceSummaryCards />
-
-			<div className="flex justify-between items-center">
-				<SearchInput />
-				<FilterDropdown />
-			</div>
-
-			{evidenceTasks && evidenceTasks.length === 0 ? (
-				<EvidenceListEmpty
-					hasFilters={hasActiveFilters}
-					onClearFilters={clearFilters}
-				/>
-			) : (
-				<div className="w-full max-w-full">
-					<EvidenceListTable data={evidenceTasks || []} />
-					{pagination && <PaginationControls />}
-				</div>
-			)}
-		</div>
-	);
+	return <EvidenceListTable data={evidenceTasks || []} />;
 }

apps/app/src/app/[locale]/(app)/(dashboard)/evidence/list/components/EvidenceListUIStates.tsx

@@ -1,43 +1,20 @@
 import React from "react";
-import { SkeletonTable } from "./table/SkeletonTable";
 import { Alert, AlertDescription, AlertTitle } from "@bubba/ui/alert";
 import { AlertCircle, FileQuestion, SearchX } from "lucide-react";
 import { useI18n } from "@/locales/client";
 import { Button } from "@bubba/ui/button";
-import { Skeleton } from "@bubba/ui/skeleton";
-
-/**
- * Loading state component for the evidence list
- */
-export function EvidenceListSkeleton() {
-	return (
-		<div className="w-full">
-			<div className="space-y-4 mb-6">
-				{/* Summary cards skeleton - matching the style in EvidenceSummaryCards */}
-				<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-					{["empty", "draft", "review", "uptodate"].map((type) => (
-						<Skeleton key={`skeleton-${type}`} className="h-[120px] w-full" />
-					))}
-				</div>
-
-				{/* Filter controls skeleton */}
-				<div className="flex flex-wrap items-center gap-2">
-					<div className="w-full max-w-sm h-10 bg-muted animate-pulse rounded" />
-					<div className="h-10 w-40 bg-muted animate-pulse rounded" />
-				</div>
-			</div>
-
-			{/* Table skeleton */}
-			<SkeletonTable />
-		</div>
-	);
-}
 
 interface ErrorStateProps {
 	error: Error;
 	onRetry?: () => void;
 }
 
+interface EmptyStateProps {
+	message?: string;
+	hasFilters?: boolean;
+	onClearFilters?: () => void;
+}
+
 /**
  * Error state component for the evidence list
  */
@@ -65,12 +42,6 @@ export function EvidenceListError({ error, onRetry }: ErrorStateProps) {
 	);
 }
 
-interface EmptyStateProps {
-	message?: string;
-	hasFilters?: boolean;
-	onClearFilters?: () => void;
-}
-
 /**
  * Empty state component for the evidence list
  */

apps/app/src/app/[locale]/(app)/(dashboard)/evidence/list/components/index.ts

@@ -1,3 +1,2 @@
 export { EvidenceList } from "./EvidenceList";
-export { SkeletonTable } from "./table/SkeletonTable";
 export * from "./table/EvidenceFilters";