mejoras al formulario de registro organizaciones productivas

apps/web/feactures/training/components/training-tables/training-table-action.tsx

@@ -0,0 +1,31 @@
+'use client';
+
+import { Button } from '@repo/shadcn/components/ui/button';
+import { DataTableSearch } from '@repo/shadcn/table/data-table-search';
+import { Plus } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { useTrainingTableFilters } from './use-training-table-filters';
+
+export default function TrainingTableAction() {
+  const { searchQuery, setPage, setSearchQuery } = useTrainingTableFilters();
+  const router = useRouter();
+  return (
+    <div className="flex items-center justify-between mt-4 ">
+      <div className="flex items-center gap-4 flex-grow">
+        <DataTableSearch
+          searchKey="nombre"
+          searchQuery={searchQuery || ''}
+          setSearchQuery={setSearchQuery}
+          setPage={setPage}
+        />
+      </div>{' '}
+      <Button
+        onClick={() => router.push(`/dashboard/formulario/nuevo`)}
+        size="sm"
+      >
+        <Plus className="h-4 w-4" />
+        Nuevo Registro
+      </Button>
+    </div>
+  );
+}