diff options
Diffstat (limited to 'lib/tech-vendors/rfq-history-table/tech-vendor-rfq-history-table-toolbar-actions.tsx')
| -rw-r--r-- | lib/tech-vendors/rfq-history-table/tech-vendor-rfq-history-table-toolbar-actions.tsx | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/lib/tech-vendors/rfq-history-table/tech-vendor-rfq-history-table-toolbar-actions.tsx b/lib/tech-vendors/rfq-history-table/tech-vendor-rfq-history-table-toolbar-actions.tsx new file mode 100644 index 00000000..e09cc17f --- /dev/null +++ b/lib/tech-vendors/rfq-history-table/tech-vendor-rfq-history-table-toolbar-actions.tsx @@ -0,0 +1,52 @@ +"use client"
+
+import * as React from "react"
+import { type Table } from "@tanstack/react-table"
+import { Download } from "lucide-react"
+
+import { exportTableToExcel } from "@/lib/export"
+import { Button } from "@/components/ui/button"
+
+interface TechVendorRfqHistoryRow {
+ id: number;
+ rfqCode: string | null;
+ description: string | null;
+ projectCode: string | null;
+ projectName: string | null;
+ status: string;
+ totalAmount: string | null;
+ currency: string | null;
+ dueDate: Date | null;
+ createdAt: Date;
+ quotationCode: string | null;
+ submittedAt: Date | null;
+}
+
+interface TechVendorRfqHistoryTableToolbarActionsProps {
+ table: Table<TechVendorRfqHistoryRow>
+}
+
+export function TechVendorRfqHistoryTableToolbarActions({
+ table,
+}: TechVendorRfqHistoryTableToolbarActionsProps) {
+ return (
+ <div className="flex items-center gap-2">
+
+ {/** Export 버튼 */}
+ <Button
+ variant="outline"
+ size="sm"
+ onClick={() =>
+ exportTableToExcel(table, {
+ filename: "tech-vendor-rfq-history",
+ excludeColumns: ["select", "actions"],
+ })
+ }
+ className="gap-2"
+ >
+ <Download className="size-4" aria-hidden="true" />
+ <span className="hidden sm:inline">Export</span>
+ </Button>
+ </div>
+ )
+}
\ No newline at end of file |
