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
|
"use client"
import * as React from "react"
import { type Table } from "@tanstack/react-table"
import { useTransition } from "react"
import { Button } from "@/components/ui/button"
import { Plus, Send, Mail, CheckSquare } from "lucide-react"
import { BiddingCompany } from "./bidding-pre-quote-vendor-columns"
import { BiddingPreQuoteVendorCreateDialog } from "./bidding-pre-quote-vendor-create-dialog"
import { BiddingPreQuoteInvitationDialog } from "./bidding-pre-quote-invitation-dialog"
import { BiddingPreQuoteSelectionDialog } from "./bidding-pre-quote-selection-dialog"
import { Bidding } from "@/db/schema"
import { useToast } from "@/hooks/use-toast"
interface BiddingPreQuoteVendorToolbarActionsProps {
table: Table<BiddingCompany>
biddingId: number
bidding: Bidding
biddingCompanies: BiddingCompany[]
onOpenItemsDialog: () => void
onOpenTargetPriceDialog: () => void
onOpenSelectionReasonDialog: () => void
onSuccess: () => void
}
export function BiddingPreQuoteVendorToolbarActions({
table,
biddingId,
bidding,
biddingCompanies,
onOpenItemsDialog,
onOpenTargetPriceDialog,
onOpenSelectionReasonDialog,
onSuccess
}: BiddingPreQuoteVendorToolbarActionsProps) {
const { toast } = useToast()
const [isPending, startTransition] = useTransition()
const [isCreateDialogOpen, setIsCreateDialogOpen] = React.useState(false)
const [isInvitationDialogOpen, setIsInvitationDialogOpen] = React.useState(false)
const [isSelectionDialogOpen, setIsSelectionDialogOpen] = React.useState(false)
const handleCreateCompany = () => {
setIsCreateDialogOpen(true)
}
const handleSendInvitations = () => {
setIsInvitationDialogOpen(true)
}
const handleManageSelection = () => {
const selectedRows = table.getFilteredSelectedRowModel().rows
if (selectedRows.length === 0) {
toast({
title: '선택 필요',
description: '본입찰 선정 상태를 변경할 업체를 선택해주세요.',
variant: 'destructive',
})
return
}
setIsSelectionDialogOpen(true)
}
return (
<>
<div className="flex items-center gap-2">
<Button
variant="outline"
size="sm"
onClick={handleCreateCompany}
disabled={isPending}
>
<Plus className="mr-2 h-4 w-4" />
업체 추가
</Button>
<Button
variant="default"
size="sm"
onClick={handleSendInvitations}
disabled={isPending}
>
<Mail className="mr-2 h-4 w-4" />
초대 발송
</Button>
<Button
variant="secondary"
size="sm"
onClick={handleManageSelection}
disabled={isPending}
>
<CheckSquare className="mr-2 h-4 w-4" />
본입찰 선정
</Button>
</div>
<BiddingPreQuoteVendorCreateDialog
biddingId={biddingId}
open={isCreateDialogOpen}
onOpenChange={setIsCreateDialogOpen}
onSuccess={() => {
onSuccess()
setIsCreateDialogOpen(false)
}}
/>
<BiddingPreQuoteInvitationDialog
open={isInvitationDialogOpen}
onOpenChange={setIsInvitationDialogOpen}
companies={biddingCompanies}
onSuccess={onSuccess}
/>
<BiddingPreQuoteSelectionDialog
open={isSelectionDialogOpen}
onOpenChange={setIsSelectionDialogOpen}
selectedCompanies={table.getFilteredSelectedRowModel().rows.map(row => row.original)}
onSuccess={() => {
onSuccess()
table.resetRowSelection()
}}
/>
</>
)
}
|
