From a78a2fa26052db44ee14461c26243acdb78921cf Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Sat, 22 Jun 2024 17:29:14 +0200
Subject: [PATCH] add create link

---
 src/app/ui/tables/data-table.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/ui/tables/data-table.tsx b/src/app/ui/tables/data-table.tsx
index 3fb13dc..c5a93a8 100644
--- a/src/app/ui/tables/data-table.tsx
+++ b/src/app/ui/tables/data-table.tsx
@@ -32,6 +32,8 @@ import {
   TableRow,
 } from "@/components/ui/table"
 import { EyeIcon } from "lucide-react"
+import { usePathname } from "next/navigation"
+import { useRouter } from "next/navigation"
 
 interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[]
@@ -66,7 +68,8 @@ export function DataTable<TData, TValue>({
       columnVisibility,
     },
   })
-
+  const pathname = usePathname()
+  const router = useRouter()
   const [filterBy, setFilterBy] = useState(table.getAllColumns()[0])
   return (<>
     <div className="flex justify-between py-4">
@@ -101,6 +104,9 @@ export function DataTable<TData, TValue>({
           className="max-w-sm"
         />
       </div>
+
+      <Button onClick={() => router.push(pathname + "/create")}>Create new {pathname.slice(1)}</Button>
+
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button variant="outline" className="justify-self-end">