diff --git a/app/(prowler)/providers/page.tsx b/app/(prowler)/providers/page.tsx index 7e876da05d..d3cd8c1611 100644 --- a/app/(prowler)/providers/page.tsx +++ b/app/(prowler)/providers/page.tsx @@ -31,15 +31,15 @@ export default function Providers() { />

Modal body content

} - actionText="Save" + actionButtonLabel="Save" onAction={onSave} - triggerText="Open Modal" + openButtonLabel="Open Modal" /> ); diff --git a/components/ui/modal/Modal.tsx b/components/ui/modal/Modal.tsx index eabfa171c8..ca7754a96e 100644 --- a/components/ui/modal/Modal.tsx +++ b/components/ui/modal/Modal.tsx @@ -9,28 +9,28 @@ import { import React from "react"; interface ModalProps { - title: string; - body: React.ReactNode; - closeText?: string; - actionText?: string; - onAction?: () => void; + 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 = ({ - title, + modalTitle, + modalBody, + closeButtonLabel, + actionButtonLabel, + onAction, isOpen, onOpenChange, - body, - closeText, - actionText, - onAction, isDismissable, }) => { - const hasActionButton = actionText && onAction; - return ( <> = ({ {(onClose) => ( <> - {title} - {body} + + {modalTitle} + + {modalBody} + - {hasActionButton && ( - - )} )} diff --git a/components/ui/modal/ModalWrap.tsx b/components/ui/modal/ModalWrap.tsx index d2eca3491f..42318210bf 100644 --- a/components/ui/modal/ModalWrap.tsx +++ b/components/ui/modal/ModalWrap.tsx @@ -6,38 +6,38 @@ import React from "react"; import { Modal } from "@/components"; interface ModalWrapProps { - title: string; - body: React.ReactNode; - closeText?: string; - actionText?: string; - onAction?: () => void; - triggerText?: string; + modalTitle: string; + modalBody: React.ReactNode; + closeButtonLabel?: string; + actionButtonLabel?: string; + onAction: () => void; + openButtonLabel?: string; isDismissable?: boolean; } export const ModalWrap: React.FC = ({ - title, - body, - closeText = "Close", - actionText = "Save", + modalTitle, + modalBody, + closeButtonLabel = "Close", + actionButtonLabel = "Save", onAction, + openButtonLabel = "Open", isDismissable = true, - triggerText = "Open", }) => { const { isOpen, onOpen, onClose, onOpenChange } = useDisclosure(); const closeOnAction = () => { - onAction && onAction(); + onAction?.(); onClose(); }; return ( <> - +