Resume
/
subman-nextjs
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add create link

This commit is contained in:
andrzej 2024-06-22 17:29:14 +02:00
parent c3ee490ce5
commit 98b2b1e3cc
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/ui/tables/data-table.tsx
View File

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