1 files changed, 72 insertions, 0 deletions
diff --git a/lib/cbe/table/cbe-table-toolbar-actions.tsx b/lib/cbe/table/cbe-table-toolbar-actions.tsx
new file mode 100644
index 00000000..34b5b46c
--- /dev/null
+++ b/lib/cbe/table/cbe-table-toolbar-actions.tsx
@@ -0,0 +1,72 @@
+"use client"
+
+import * as React from "react"
+import { type Table } from "@tanstack/react-table"
+import { Download, Upload } from "lucide-react"
+import { toast } from "sonner"
+
+import { exportTableToExcel } from "@/lib/export"
+import { Button } from "@/components/ui/button"
+
+
+import { VendorWithCbeFields } from "@/config/vendorCbeColumnsConfig"
+import { InviteVendorsDialog } from "./invite-vendors-dialog"
+
+interface VendorsTableToolbarActionsProps {
+  table: Table<VendorWithCbeFields>
+  rfqId: number
+}
+
+export function VendorsTableToolbarActions({ table, rfqId }: VendorsTableToolbarActionsProps) {
+  // 파일 input을 숨기고, 버튼 클릭 시 참조해 클릭하는 방식
+  const fileInputRef = React.useRef<HTMLInputElement>(null)
+
+  // 파일이 선택되었을 때 처리
+
+  function handleImportClick() {
+    // 숨겨진 <input type="file" /> 요소를 클릭
+    fileInputRef.current?.click()
+  }
+
+  const uniqueRfqIds = table.getFilteredSelectedRowModel().rows.length > 0 
+  ? [...new Set(table.getFilteredSelectedRowModel().rows.map(row => row.original.rfqId))]
+  : [];
+
+const hasMultipleRfqIds = uniqueRfqIds.length > 1;
+
+const invitationPossibeVendors = React.useMemo(() => {
+  return table
+    .getFilteredSelectedRowModel()
+    .rows
+    .map(row => row.original)
+    .filter(vendor => vendor.commercialResponseStatus === null);
+}, [table.getFilteredSelectedRowModel().rows]);
+
+return (
+  <div className="flex items-center gap-2">
+    {invitationPossibeVendors.length > 0 && (
+      <InviteVendorsDialog
+        vendors={invitationPossibeVendors}
+        rfqId={rfqId}
+        onSuccess={() => table.toggleAllRowsSelected(false)}
+        hasMultipleRfqIds={hasMultipleRfqIds}
+      />
+    )}
+
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={() =>
+          exportTableToExcel(table, {
+            filename: "tasks",
+            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