Finished Hub ESLINT rule enforcement

apps/hub/app/_components/PaginatedTable.tsx

@@ -1,8 +1,9 @@
 "use client";
-import { useEffect, useState, useCallback, Ref, useImperativeHandle } from "react";
+import { useState, Ref, useImperativeHandle } from "react";
 import SortableTable, { Pagination, SortableTableProps } from "./Table";
 import { PrismaClient } from "@repo/db";
 import { getData } from "./pagiantedTableActions";
+import { useDebounce } from "@repo/shared-components";
 
 export interface PaginatedTableRef {
 	refresh: () => void;
@@ -10,9 +11,8 @@ export interface PaginatedTableRef {
 
 interface PaginatedTableProps<TData> extends Omit<SortableTableProps<TData>, "data"> {
 	prismaModel: keyof PrismaClient;
-	filter?: Record<string, any>;
+	filter?: Record<string, unknown>;
 	rowsPerPage?: number;
-	showEditButton?: boolean;
 	searchFields?: string[];
 	include?: Record<string, boolean>;
 	strictQuery?: boolean;
@@ -26,7 +26,6 @@ interface PaginatedTableProps<TData> extends Omit<SortableTableProps<TData>, "da
 export function PaginatedTable<TData>({
 	prismaModel,
 	rowsPerPage = 10,
-	showEditButton = false,
 	searchFields = [],
 	filter,
 	include,
@@ -42,7 +41,6 @@ export function PaginatedTable<TData>({
 	const [page, setPage] = useState(0);
 	const [total, setTotal] = useState(0);
 	const [searchTerm, setSearchTerm] = useState("");
-	const [debouncedSearchTerm, setDebouncedSearchTerm] = useState(searchTerm);
 	const [orderBy, setOrderBy] = useState<Record<string, "asc" | "desc">>(
 		restProps.initialOrderBy
 			? restProps.initialOrderBy.reduce(
@@ -60,16 +58,19 @@ export function PaginatedTable<TData>({
 			prismaModel,
 			rowsPerPage,
 			page * rowsPerPage,
-			debouncedSearchTerm,
+			searchTerm,
 			searchFields,
 			filter,
 			include,
 			orderBy,
 			strictQuery
 				? restProps.columns
-						.filter((col: any) => "accessorKey" in col)
-						.map((col: any) => col.accessorKey)
-						.reduce((acc: Record<string, any>, key: string) => {
+						.filter(
+							(col): col is { accessorKey: string } =>
+								typeof (col as { accessorKey?: unknown }).accessorKey === "string",
+						)
+						.map((col) => col.accessorKey)
+						.reduce<Record<string, boolean>>((acc, key) => {
 							acc[key] = true;
 							return acc;
 						}, {})
@@ -82,35 +83,20 @@ export function PaginatedTable<TData>({
 		});
 	};
 
-	useEffect(() => {
-		RefreshTableData();
-	}, [filter, orderBy]);
-
 	useImperativeHandle(ref, () => ({
 		refresh: () => {
 			RefreshTableData();
 		},
 	}));
 
-	const debounce = (func: Function, delay: number) => {
-		let timer: NodeJS.Timeout;
-		return (...args: any[]) => {
-			clearTimeout(timer);
-			timer = setTimeout(() => func(...args), delay);
-		};
-	};
-
-	const handleSearchChange = useCallback(
-		debounce((value: string) => {
-			setDebouncedSearchTerm(value);
-		}, 500),
-		[],
+	useDebounce(
+		() => {
+			RefreshTableData();
+		},
+		500,
+		[searchTerm, page, rowsPerPage, orderBy, filter],
 	);
 
-	useEffect(() => {
-		RefreshTableData();
-	}, [page, debouncedSearchTerm]);
-
 	return (
 		<div className="space-y-4 m-4">
 			<div className="flex items-center  gap-2">
@@ -122,7 +108,6 @@ export function PaginatedTable<TData>({
 						value={searchTerm}
 						onChange={(e) => {
 							setSearchTerm(e.target.value);
-							handleSearchChange(e.target.value);
 							setPage(0); // Reset to first page on search
 						}}
 						className="input input-bordered w-full max-w-xs justify-end"
@@ -134,7 +119,6 @@ export function PaginatedTable<TData>({
 				<SortableTable
 					data={data}
 					prismaModel={prismaModel}
-					showEditButton={showEditButton}
 					setOrderBy={setOrderBy}
 					{...restProps}
 				/>