diff options
Diffstat (limited to 'lib/rfqs/tbe-table/invite-vendors-dialog.tsx')
| -rw-r--r-- | lib/rfqs/tbe-table/invite-vendors-dialog.tsx | 39 |
1 files changed, 28 insertions, 11 deletions
diff --git a/lib/rfqs/tbe-table/invite-vendors-dialog.tsx b/lib/rfqs/tbe-table/invite-vendors-dialog.tsx index e38e0ede..935d2bf3 100644 --- a/lib/rfqs/tbe-table/invite-vendors-dialog.tsx +++ b/lib/rfqs/tbe-table/invite-vendors-dialog.tsx @@ -32,6 +32,9 @@ import { Input } from "@/components/ui/input" import { VendorWithTbeFields } from "@/config/vendorTbeColumnsConfig" import { inviteTbeVendorsAction } from "../service" +import { ScrollArea } from "@/components/ui/scroll-area" +import { Badge } from "@/components/ui/badge" +import { Label } from "@/components/ui/label" interface InviteVendorsDialogProps extends React.ComponentPropsWithoutRef<typeof Dialog> { @@ -94,6 +97,23 @@ export function InviteVendorsDialog({ // 파일 선택 UI const fileInput = ( +<> + <div className="space-y-2"> + <Label>선택된 협력업체 ({vendors.length})</Label> + <ScrollArea className="h-20 border rounded-md p-2"> + <div className="flex flex-wrap gap-2"> + {vendors.map((vendor, index) => ( + <Badge key={index} variant="secondary" className="py-1"> + {vendor.vendorName || `협력업체 #${vendor.vendorCode}`} + </Badge> + ))} + </div> + </ScrollArea> + <p className="text-[0.8rem] font-medium text-muted-foreground"> + 선택된 모든 협력업체의 등록된 연락처에게 TBE 평가 알림이 전송됩니다. + </p> + </div> + <div className="mb-4"> <label className="mb-2 block font-medium">TBE Sheets</label> <Input @@ -104,6 +124,7 @@ export function InviteVendorsDialog({ }} /> </div> + </> ) // Desktop Dialog @@ -114,17 +135,15 @@ export function InviteVendorsDialog({ <DialogTrigger asChild> <Button variant="outline" size="sm"> <Send className="mr-2 size-4" aria-hidden="true" /> - Invite ({vendors.length}) + TBE 평가 생성 ({vendors.length}) </Button> </DialogTrigger> ) : null} <DialogContent> <DialogHeader> - <DialogTitle>Are you absolutely sure?</DialogTitle> + <DialogTitle>TBE 평가 시트 전송</DialogTitle> <DialogDescription> - This action cannot be undone. This will permanently invite{" "} - <span className="font-medium">{vendors.length}</span> - {vendors.length === 1 ? " vendor" : " vendors"}. 파일 첨부가 필수이므로 파일을 첨부해야지 버튼이 활성화됩니다. + 선택한 {vendors.length}개 협력업체에 대한 기술 평가 시트와 알림을 전송합니다. 파일 첨부가 필수이므로 파일을 첨부해야지 버튼이 활성화됩니다. </DialogDescription> </DialogHeader> @@ -169,12 +188,10 @@ export function InviteVendorsDialog({ ) : null} <DrawerContent> <DrawerHeader> - <DrawerTitle>Are you absolutely sure?</DrawerTitle> - <DrawerDescription> - This action cannot be undone. This will permanently invite{" "} - <span className="font-medium">{vendors.length}</span> - {vendors.length === 1 ? " vendor" : " vendors"}. - </DrawerDescription> + <DialogTitle>TBE 평가 시트 전송</DialogTitle> + <DialogDescription> + 선택한 {vendors.length}개 협력업체에 대한 기술 평가 시트와 알림을 전송합니다. 파일 첨부가 필수이므로 파일을 첨부해야지 버튼이 활성화됩니다. + </DialogDescription> </DrawerHeader> {/* 파일 첨부 */} |
