TCA-1022 - mobile modal scroll fix

Author: vas3a

src-ts/lib/modals/base-modal/BaseModal.tsx

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react'
+import { FC, ReactNode, useEffect } from 'react'
 import Modal, { ModalProps } from 'react-responsive-modal'
 import classNames from 'classnames'
 
@@ -37,6 +37,13 @@ const BaseModal: FC<BaseModalProps> = (props: BaseModalProps) => {
         )
     }
 
+    useEffect(() => {
+        if (props.blockScroll === false) {
+            document.documentElement.style.overflow = props.open ? 'hidden' : ''
+            document.body.style.overflow = props.open ? 'hidden' : ''
+        }
+    }, [props.blockScroll, props.open])
+
     return (
         <Modal
             {...props}

src-ts/tools/learn/certification-details/certification-details-modal/CertificationDetailsModal.tsx

@@ -23,6 +23,7 @@ const CertificationDetailsModal: FC<CertificationDetailsModalProps> = (props: Ce
     return (
         <BaseModal
             onClose={props.onClose}
+            blockScroll={false}
             open={isOpen}
             size='body'
             title={`${props.certification.title} Details`}