add create link

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">