summaryrefslogtreecommitdiff
path: root/lib/items-ship/table/delete-items-dialog.tsx
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-05-14 06:12:13 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-05-14 06:12:13 +0000
commitd0d2eaa2de58a0c33e9a21604b126961403cd69e (patch)
treef66cd3c8d3a123ff04f800b4b868c573fab2da95 /lib/items-ship/table/delete-items-dialog.tsx
parent21d8148fc5b1234cd4523e66ccaa8971ad104560 (diff)
(최겸) 기술영업 조선, 해양Top, 해양 Hull 아이템 리스트 개발(CRUD, excel import/export/template)
Diffstat (limited to 'lib/items-ship/table/delete-items-dialog.tsx')
-rw-r--r--lib/items-ship/table/delete-items-dialog.tsx154
1 files changed, 0 insertions, 154 deletions
diff --git a/lib/items-ship/table/delete-items-dialog.tsx b/lib/items-ship/table/delete-items-dialog.tsx
deleted file mode 100644
index 53e047fb..00000000
--- a/lib/items-ship/table/delete-items-dialog.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { type Row } from "@tanstack/react-table"
-import { Loader, Trash } 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 { Item } from "@/db/schema/items"
-import { removeShipbuildingItems } from "../service"
-
-interface DeleteItemsDialogProps
- extends React.ComponentPropsWithoutRef<typeof Dialog> {
- items: Row<Item>["original"][]
- showTrigger?: boolean
- onSuccess?: () => void
-}
-
-export function DeleteItemsDialog({
- items,
- showTrigger = true,
- onSuccess,
- ...props
-}: DeleteItemsDialogProps) {
- const [isDeletePending, startDeleteTransition] = React.useTransition()
- const isDesktop = useMediaQuery("(min-width: 640px)")
-
- async function onDelete() {
- try {
- startDeleteTransition(async () => {
- const { error } = await removeShipbuildingItems({
- ids: items.map((item) => item.id),
- })
-
- if (error) {
- toast.error(error)
- return
- }
-
- props.onOpenChange?.(false)
- toast.success("아이템 삭제 완료")
- onSuccess?.()
- })
- } catch (error) {
- toast.error("오류가 발생했습니다.")
- console.error(error)
- }
- }
-
- if (isDesktop) {
- return (
- <Dialog {...props}>
- {showTrigger ? (
- <DialogTrigger asChild>
- <Button variant="outline" size="sm">
- <Trash className="mr-2 size-4" aria-hidden="true" />
- 삭제 ({items.length})
- </Button>
- </DialogTrigger>
- ) : null}
- <DialogContent>
- <DialogHeader>
- <DialogTitle>정말로 삭제하시겠습니까?</DialogTitle>
- <DialogDescription>
- 이 작업은 되돌릴 수 없습니다. 선택한{" "}
- <span className="font-medium">{items.length}</span>
- 개의 조선 아이템이(가) 영구적으로 삭제됩니다.
- </DialogDescription>
- </DialogHeader>
- <DialogFooter className="gap-2 sm:space-x-0">
- <DialogClose asChild>
- <Button variant="outline">취소</Button>
- </DialogClose>
- <Button
- aria-label="삭제 확인"
- variant="destructive"
- onClick={onDelete}
- disabled={isDeletePending}
- >
- {isDeletePending && (
- <Loader
- className="mr-2 size-4 animate-spin"
- aria-hidden="true"
- />
- )}
- 삭제
- </Button>
- </DialogFooter>
- </DialogContent>
- </Dialog>
- )
- }
-
- return (
- <Drawer {...props}>
- {showTrigger ? (
- <DrawerTrigger asChild>
- <Button variant="outline" size="sm">
- <Trash className="mr-2 size-4" aria-hidden="true" />
- 삭제 ({items.length})
- </Button>
- </DrawerTrigger>
- ) : null}
- <DrawerContent>
- <DrawerHeader>
- <DrawerTitle>정말로 삭제하시겠습니까?</DrawerTitle>
- <DrawerDescription>
- 이 작업은 되돌릴 수 없습니다. 선택한{" "}
- <span className="font-medium">{items.length}</span>
- 개의 조선 아이템이(가) 영구적으로 삭제됩니다.
- </DrawerDescription>
- </DrawerHeader>
- <DrawerFooter className="gap-2 sm:space-x-0">
- <DrawerClose asChild>
- <Button variant="outline">취소</Button>
- </DrawerClose>
- <Button
- aria-label="삭제 확인"
- variant="destructive"
- onClick={onDelete}
- disabled={isDeletePending}
- >
- {isDeletePending && (
- <Loader className="mr-2 size-4 animate-spin" aria-hidden="true" />
- )}
- 삭제
- </Button>
- </DrawerFooter>
- </DrawerContent>
- </Drawer>
- )
-}