Merge pull request #1144 from vr-varad/fix/sistent_modal

Update Classes of Modal

Author: leecalcote

src/custom/Modal/index.tsx

@@ -175,7 +175,7 @@ export const Modal: React.FC<ModalProps> = ({
       {...props}
     >
       {title && (
-        <ModalStyledHeader data-testid="modal-header">
+        <ModalStyledHeader className='modal-header' data-testid="modal-header">
           {headerIcon && <Box data-testid="modal-header-icon">{headerIcon}</Box>}
           <Typography component={'div'} variant="h6" data-testid="modal-title">
             {title}
@@ -199,7 +199,7 @@ export const Modal: React.FC<ModalProps> = ({
                 )}
               </CustomTooltip>
             )}
-            <CloseBtn onClick={closeModal} data-testid="modal-close-btn">
+            <CloseBtn onClick={closeModal} className='modal-close-btn' data-testid="modal-close-btn">
               <CloseIcon {...iconLarge} fill="#fff"></CloseIcon>
             </CloseBtn>
           </div>
@@ -214,7 +214,7 @@ export const Modal: React.FC<ModalProps> = ({
 
 export const ModalFooter: React.FC<ModalFooterProps> = ({ helpText, children, variant }) => {
   return (
-    <StyledFooter variant={variant} hasHelpText={!!helpText}>
+    <StyledFooter className='modal-footer' variant={variant} hasHelpText={!!helpText}>
       {helpText && (
         // <CustomTooltip title={helpText} variant="standard" placement="top">
         //   <IconButton>