From 3511cd977ad47861d25fcdae5a1d43241b7a95dc Mon Sep 17 00:00:00 2001 From: Pablo Lara Date: Wed, 7 Aug 2024 09:06:38 +0200 Subject: [PATCH] chore: remove the old modal component --- components/ui/index.ts | 1 - components/ui/modal/Modal.tsx | 65 ------------------------------- components/ui/modal/ModalWrap.tsx | 48 ----------------------- components/ui/modal/index.ts | 2 - 4 files changed, 116 deletions(-) delete mode 100644 components/ui/modal/Modal.tsx delete mode 100644 components/ui/modal/ModalWrap.tsx delete mode 100644 components/ui/modal/index.ts diff --git a/components/ui/index.ts b/components/ui/index.ts index da4f2bfeaf..96064508d6 100644 --- a/components/ui/index.ts +++ b/components/ui/index.ts @@ -1,7 +1,6 @@ export * from "./alert/Alert"; export * from "./dialog/Dialog"; export * from "./header/Header"; -export * from "./modal"; export * from "./sidebar"; export * from "./table/StatusBadge"; export * from "./table/Table"; diff --git a/components/ui/modal/Modal.tsx b/components/ui/modal/Modal.tsx deleted file mode 100644 index ca7754a96e..0000000000 --- a/components/ui/modal/Modal.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import { - Button, - Modal as ModalContainer, - ModalBody, - ModalContent, - ModalFooter, - ModalHeader, -} from "@nextui-org/react"; -import React from "react"; - -interface ModalProps { - modalTitle: string; - modalBody: React.ReactNode; - closeButtonLabel?: string; - actionButtonLabel?: string; - onAction: () => void; - isOpen: boolean; - onOpenChange: (isOpen: boolean) => void; - isDismissable?: boolean; - isKeyboardDismissDisabled?: boolean; - hideCloseButton?: boolean; -} - -export const Modal: React.FC = ({ - modalTitle, - modalBody, - closeButtonLabel, - actionButtonLabel, - onAction, - isOpen, - onOpenChange, - isDismissable, -}) => { - return ( - <> - - - {(onClose) => ( - <> - - {modalTitle} - - {modalBody} - - - - - - )} - - - - ); -}; diff --git a/components/ui/modal/ModalWrap.tsx b/components/ui/modal/ModalWrap.tsx deleted file mode 100644 index 15c4be4133..0000000000 --- a/components/ui/modal/ModalWrap.tsx +++ /dev/null @@ -1,48 +0,0 @@ -"use client"; - -import { Button, useDisclosure } from "@nextui-org/react"; -import React from "react"; - -import { Modal } from "@/components/ui"; - -interface ModalWrapProps { - modalTitle: string; - modalBody: React.ReactNode; - closeButtonLabel?: string; - actionButtonLabel?: string; - onAction: () => void; - openButtonLabel?: string; - isDismissable?: boolean; -} - -export const ModalWrap: React.FC = ({ - modalTitle, - modalBody, - closeButtonLabel = "Close", - actionButtonLabel = "Save", - onAction, - openButtonLabel = "Open", - isDismissable = true, -}) => { - const { isOpen, onOpen, onClose, onOpenChange } = useDisclosure(); - const closeOnAction = () => { - onAction?.(); - onClose(); - }; - - return ( - <> - - - - ); -}; diff --git a/components/ui/modal/index.ts b/components/ui/modal/index.ts deleted file mode 100644 index c33df2971c..0000000000 --- a/components/ui/modal/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./Modal"; -export * from "./ModalWrap";