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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
"use client"
import * as React from "react"
import { type Table } from "@tanstack/react-table"
import {
Plus, Send, Download, FileSpreadsheet
} from "lucide-react"
import { toast } from "sonner"
import { useRouter } from "next/navigation"
import { useSession } from "next-auth/react"
import { exportTableToExcel } from "@/lib/export"
import { Button } from "@/components/ui/button"
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { BiddingListItem } from "@/db/schema"
import { CreateBiddingDialog } from "./create-bidding-dialog"
import { TransmissionDialog } from "./biddings-transmission-dialog"
interface BiddingsTableToolbarActionsProps {
table: Table<BiddingListItem>
paymentTermsOptions: Array<{code: string, description: string}>
incotermsOptions: Array<{code: string, description: string}>
}
export function BiddingsTableToolbarActions({ table, paymentTermsOptions, incotermsOptions }: BiddingsTableToolbarActionsProps) {
const router = useRouter()
const { data: session } = useSession()
const [isExporting, setIsExporting] = React.useState(false)
const [isTransmissionDialogOpen, setIsTransmissionDialogOpen] = React.useState(false)
const userId = session?.user?.id ? Number(session.user.id) : 1
// 선택된 입찰들
const selectedBiddings = React.useMemo(() => {
return table
.getFilteredSelectedRowModel()
.rows
.map(row => row.original)
}, [table.getFilteredSelectedRowModel().rows])
// 업체선정이 완료된 입찰만 전송 가능
const canTransmit = selectedBiddings.length === 1 && selectedBiddings[0].status === 'vendor_selected'
const handleExport = async () => {
try {
setIsExporting(true)
await exportTableToExcel(table, {
filename: "biddings",
excludeColumns: ["select", "actions"],
})
toast.success("입찰 목록이 성공적으로 내보내졌습니다.")
} catch (error) {
toast.error("내보내기 중 오류가 발생했습니다.")
} finally {
setIsExporting(false)
}
}
return (
<>
<div className="flex items-center gap-2">
{/* 신규 생성 */}
<CreateBiddingDialog
paymentTermsOptions={paymentTermsOptions}
incotermsOptions={incotermsOptions}
/>
{/* 전송하기 (업체선정 완료된 입찰만) */}
<Button
variant="default"
size="sm"
onClick={() => setIsTransmissionDialogOpen(true)}
disabled={!canTransmit}
className="gap-2"
>
<Send className="size-4" aria-hidden="true" />
<span className="hidden sm:inline">전송하기</span>
</Button>
{/* 개찰 (입찰 오픈) */}
{/* {openEligibleBiddings.length > 0 && (
<Button
variant="outline"
size="sm"
onClick={handleBiddingOpen}
>
<Gavel className="mr-2 h-4 w-4" />
개찰 ({openEligibleBiddings.length})
</Button>
)} */}
{/* Export */}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="sm"
className="gap-2"
disabled={isExporting}
>
<Download className="size-4" aria-hidden="true" />
<span className="hidden sm:inline">
{isExporting ? "내보내는 중..." : "Export"}
</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={handleExport} disabled={isExporting}>
<FileSpreadsheet className="mr-2 size-4" />
<span>입찰 목록 내보내기</span>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</div>
{/* 전송 다이얼로그 */}
<TransmissionDialog
open={isTransmissionDialogOpen}
onOpenChange={setIsTransmissionDialogOpen}
bidding={selectedBiddings[0]}
userId={userId}
/>
</>
)
}
|
