blob: a53eac2f4a0691b7039a10715ddbb9e210cb541d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
"use client";
import * as React from "react";
import { type Table } from "@tanstack/react-table";
import { Download, Plus } from "lucide-react";
import { exportTableToExcel } from "@/lib/export";
import { Button } from "@/components/ui/button";
import { DeleteIntegrationDialog } from "./delete-integration-dialog";
import { IntegrationAddDialog } from "./integration-add-dialog";
import { integrationTable } from "@/db/schema/integration";
interface IntegrationTableToolbarActionsProps<TData> {
table: Table<TData>;
onSuccess?: () => void;
}
export function IntegrationTableToolbarActions<TData>({
table,
onSuccess,
}: IntegrationTableToolbarActionsProps<TData>) {
const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
return (
<div className="flex items-center gap-2">
{selectedRows.length > 0 && (
<DeleteIntegrationDialog
integrations={selectedRows}
onSuccess={() => {
table.toggleAllRowsSelected(false);
onSuccess?.();
}}
/>
)}
<IntegrationAddDialog onSuccess={onSuccess} />
{/** 3) Export 버튼 */}
<Button
variant="outline"
size="sm"
onClick={() =>
exportTableToExcel(table, {
filename: "interface-list",
excludeColumns: ["select", "actions"],
})
}
className="gap-2"
>
<Download className="size-4" aria-hidden="true" />
<span className="hidden sm:inline">Export</span>
</Button>
</div>
);
}
|
