feat: needCloseButton props

- #376
BDD-CLUB · Jan 1, 2025 · 667ae34 · 667ae34
1 parent 4f73200
commit 667ae34
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Modal/ActionModal/index.tsx b/src/components/Modal/ActionModal/index.tsx
@@ -1,9 +1,10 @@
-import { Text, Modal, ModalOverlay, ModalContent, ModalFooter, ModalBody, Button } from '@chakra-ui/react';
+import { Text, Modal, ModalOverlay, ModalContent, ModalFooter, ModalBody, Button, Flex } from '@chakra-ui/react';
 
 import { ActionModalProps } from '../types';
 
 const ActionModal = ({
   isOpen,
+  needCloseButton = false,
   onClose,
   title,
   children,
@@ -17,9 +18,16 @@ const ActionModal = ({
     <Modal isCentered isOpen={isOpen} onClose={onClose} size={size || 'md'}>
       <ModalOverlay />
       <ModalContent rounded="2xl">
-        <Text textStyle="bold_2xl" px="4" pt="4">
-          {title}
-        </Text>
+        <Flex>
+          <Text textStyle="bold_2xl" px="4" pt="4">
+            {title}
+          </Text>
+          {needCloseButton && (
+            <Text mx="5" mt="4" ml="auto" fontWeight="bold" cursor="pointer" onClick={onClose}>
+              X
+            </Text>
+          )}
+        </Flex>
         <ModalBody p="4">{children}</ModalBody>
         <ModalFooter justifyContent="end" gap="4" pt="0" pb="4">
           <Button onClick={onSubButtonClick} variant="white">

diff --git a/src/components/Modal/types.ts b/src/components/Modal/types.ts
@@ -1,5 +1,6 @@
 export interface ActionModalProps {
   isOpen: boolean;
+  needCloseButton?: boolean;
   onClose: () => void;
   title: string;
   children: React.ReactNode;