+ Paginated Table Search

apps/hub/app/(app)/admin/station/page.tsx

@@ -1,6 +1,6 @@
-import { DatabaseBackupIcon } from 'lucide-react';
-import { PaginatedTable } from '../../../_components/PaginatedTable';
-import Link from 'next/link';
+import { DatabaseBackupIcon } from "lucide-react";
+import { PaginatedTable } from "../../../_components/PaginatedTable";
+import Link from "next/link";
 
 export default () => {
   return (
@@ -9,7 +9,7 @@ export default () => {
         <span className="flex items-center gap-2">
           <DatabaseBackupIcon className="w-5 h-5" /> Stationen
         </span>
-        <Link href={'/admin/station/new'}>
+        <Link href={"/admin/station/new"}>
           <button className="btn btn-sm btn-outline btn-primary">
             Erstellen
           </button>
@@ -18,22 +18,23 @@ export default () => {
       <PaginatedTable
         showEditButton
         prismaModel="station"
+        searchFields={["bosCallsign", "bosUse", "country", "operator"]}
         columns={[
           {
-            header: 'BOS Name',
-            accessorKey: 'bosCallsign',
+            header: "BOS Name",
+            accessorKey: "bosCallsign",
           },
           {
-            header: 'Bos Use',
-            accessorKey: 'bosUse',
+            header: "Bos Use",
+            accessorKey: "bosUse",
           },
           {
-            header: 'Country',
-            accessorKey: 'country',
+            header: "Country",
+            accessorKey: "country",
           },
           {
-            header: 'operator',
-            accessorKey: 'operator',
+            header: "operator",
+            accessorKey: "operator",
           },
         ]}
       />