1 files changed, 97 insertions, 0 deletions
diff --git a/lib/vendors/table/vendors-table-toolbar-actions.tsx b/lib/vendors/table/vendors-table-toolbar-actions.tsx
new file mode 100644
index 00000000..c0605191
--- /dev/null
+++ b/lib/vendors/table/vendors-table-toolbar-actions.tsx
@@ -0,0 +1,97 @@
+"use client"
+
+import * as React from "react"
+import { type Table } from "@tanstack/react-table"
+import { Download, Upload, Check } from "lucide-react"
+import { toast } from "sonner"
+
+import { exportTableToExcel } from "@/lib/export"
+import { Button } from "@/components/ui/button"
+import { Vendor } from "@/db/schema/vendors"
+import { ApproveVendorsDialog } from "./approve-vendor-dialog"
+import { RequestPQVendorsDialog } from "./request-vendor-pg-dialog"
+import { SendVendorsDialog } from "./send-vendor-dialog"
+
+interface VendorsTableToolbarActionsProps {
+  table: Table<Vendor>
+}
+
+export function VendorsTableToolbarActions({ table }: VendorsTableToolbarActionsProps) {
+  // 파일 input을 숨기고, 버튼 클릭 시 참조해 클릭하는 방식
+  const fileInputRef = React.useRef<HTMLInputElement>(null)
+
+  // 선택된 벤더 중 PENDING_REVIEW 상태인 벤더만 필터링
+  const pendingReviewVendors = React.useMemo(() => {
+    return table
+      .getFilteredSelectedRowModel()
+      .rows
+      .map(row => row.original)
+      .filter(vendor => vendor.status === "PENDING_REVIEW");
+  }, [table.getFilteredSelectedRowModel().rows]);
+
+
+  // 선택된 벤더 중 PENDING_REVIEW 상태인 벤더만 필터링
+  const inReviewVendors = React.useMemo(() => {
+    return table
+      .getFilteredSelectedRowModel()
+      .rows
+      .map(row => row.original)
+      .filter(vendor => vendor.status === "IN_REVIEW");
+  }, [table.getFilteredSelectedRowModel().rows]);
+
+  const approvedVendors = React.useMemo(() => {
+    return table
+      .getFilteredSelectedRowModel()
+      .rows
+      .map(row => row.original)
+      .filter(vendor => vendor.status === "APPROVED");
+  }, [table.getFilteredSelectedRowModel().rows]);
+
+
+
+  return (
+    <div className="flex items-center gap-2">
+
+
+
+      {/* 승인 다이얼로그: PENDING_REVIEW 상태인 벤더가 있을 때만 표시 */}
+      {pendingReviewVendors.length > 0 && (
+        <ApproveVendorsDialog
+          vendors={pendingReviewVendors}
+          onSuccess={() => table.toggleAllRowsSelected(false)}
+        />
+      )}
+
+      {inReviewVendors.length > 0 && (
+        <RequestPQVendorsDialog
+          vendors={inReviewVendors}
+          onSuccess={() => table.toggleAllRowsSelected(false)}
+        />
+      )}
+
+      {approvedVendors.length > 0 && (
+        <SendVendorsDialog
+          vendors={approvedVendors}
+          onSuccess={() => table.toggleAllRowsSelected(false)}
+        />
+      )}
+
+
+      {/** 4) Export 버튼 */}
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={() =>
+          exportTableToExcel(table, {
+            filename: "vendors",
+            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