diff options
Diffstat (limited to 'lib/rfqs-tech/vendor-table/invite-vendors-dialog.tsx')
| -rw-r--r-- | lib/rfqs-tech/vendor-table/invite-vendors-dialog.tsx | 173 |
1 files changed, 0 insertions, 173 deletions
diff --git a/lib/rfqs-tech/vendor-table/invite-vendors-dialog.tsx b/lib/rfqs-tech/vendor-table/invite-vendors-dialog.tsx deleted file mode 100644 index 8238e7b9..00000000 --- a/lib/rfqs-tech/vendor-table/invite-vendors-dialog.tsx +++ /dev/null @@ -1,173 +0,0 @@ -"use client" - -import * as React from "react" -import { type Row } from "@tanstack/react-table" -import { Loader, Send, Trash, AlertTriangle } from "lucide-react" -import { toast } from "sonner" - -import { useMediaQuery } from "@/hooks/use-media-query" -import { Button } from "@/components/ui/button" -import { - Dialog, - DialogClose, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, - DialogTrigger, -} from "@/components/ui/dialog" -import { - Drawer, - DrawerClose, - DrawerContent, - DrawerDescription, - DrawerFooter, - DrawerHeader, - DrawerTitle, - DrawerTrigger, -} from "@/components/ui/drawer" -import { Alert, AlertDescription } from "@/components/ui/alert" - -import { MatchedVendorRow } from "@/config/vendorRfbColumnsConfig" -import { inviteVendors } from "../service" - -interface DeleteTasksDialogProps - extends React.ComponentPropsWithoutRef<typeof Dialog> { - vendors: Row<MatchedVendorRow>["original"][] - rfqId:number - showTrigger?: boolean - onSuccess?: () => void -} - -export function InviteVendorsDialog({ - vendors, - rfqId, - showTrigger = true, - onSuccess, - ...props -}: DeleteTasksDialogProps) { - const [isInvitePending, startInviteTransition] = React.useTransition() - const isDesktop = useMediaQuery("(min-width: 640px)") - - function onDelete() { - startInviteTransition(async () => { - const { error } = await inviteVendors({ - rfqId, - vendorIds: vendors.map((vendor) => Number(vendor.id)), - }) - - if (error) { - toast.error(error) - return - } - - props.onOpenChange?.(false) - toast.success("Vendor invited") - onSuccess?.() - }) - } - - if (isDesktop) { - return ( - <Dialog {...props}> - {showTrigger ? ( - <DialogTrigger asChild> - <Button variant="outline" size="sm"> - <Send className="mr-2 size-4" aria-hidden="true" /> - Invite ({vendors.length}) - </Button> - </DialogTrigger> - ) : null} - <DialogContent> - <DialogHeader> - <DialogTitle>Are you absolutely sure?</DialogTitle> - <DialogDescription> - This action cannot be undone. This will permanently invite{" "} - <span className="font-medium">{vendors.length}</span> - {vendors.length === 1 ? " vendor" : " vendors"}. - </DialogDescription> - </DialogHeader> - - {/* 편집 제한 경고 메시지 */} - <Alert variant="destructive" className="mt-4"> - <AlertTriangle className="h-4 w-4" /> - <AlertDescription className="font-medium"> - 한 업체라도 초대를 하고 나면 아이템 편집과 RFQ 문서 첨부 편집은 불가능합니다. - </AlertDescription> - </Alert> - - <DialogFooter className="gap-2 sm:space-x-0 mt-6"> - <DialogClose asChild> - <Button variant="outline">Cancel</Button> - </DialogClose> - <Button - aria-label="Invite selected rows" - variant="destructive" - onClick={onDelete} - disabled={isInvitePending} - > - {isInvitePending && ( - <Loader - className="mr-2 size-4 animate-spin" - aria-hidden="true" - /> - )} - Invite - </Button> - </DialogFooter> - </DialogContent> - </Dialog> - ) - } - - return ( - <Drawer {...props}> - {showTrigger ? ( - <DrawerTrigger asChild> - <Button variant="outline" size="sm"> - <Trash className="mr-2 size-4" aria-hidden="true" /> - Invite ({vendors.length}) - </Button> - </DrawerTrigger> - ) : 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"} from our servers. - </DrawerDescription> - </DrawerHeader> - - {/* 편집 제한 경고 메시지 (모바일용) */} - <div className="px-4"> - <Alert variant="destructive"> - <AlertTriangle className="h-4 w-4" /> - <AlertDescription className="font-medium"> - 한 업체라도 초대를 하고 나면 아이템 편집과 RFQ 문서 첨부 편집은 불가능합니다. - </AlertDescription> - </Alert> - </div> - - <DrawerFooter className="gap-2 sm:space-x-0 mt-4"> - <DrawerClose asChild> - <Button variant="outline">Cancel</Button> - </DrawerClose> - <Button - aria-label="Delete selected rows" - variant="destructive" - onClick={onDelete} - disabled={isInvitePending} - > - {isInvitePending && ( - <Loader className="mr-2 size-4 animate-spin" aria-hidden="true" /> - )} - Invite - </Button> - </DrawerFooter> - </DrawerContent> - </Drawer> - ) -}
\ No newline at end of file |