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 (
<>
-
+