feat(CookieConsent): change name of the modal root class name property

gravity-ui · Oct 22, 2024 · 86ac7c5 · 86ac7c5
1 parent f94ac69
commit 86ac7c5
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/src/components/CookieConsent/CookieConsent.tsx b/src/components/CookieConsent/CookieConsent.tsx
@@ -49,7 +49,6 @@ export const CookieConsent = ({
                     <ConsentPopup
                         {...popupProps}
                         className={b()}
-                        rootClassName={b('root')}
                         step={manageCookies ? ConsentPopupStep.Manage : ConsentPopupStep.Main}
                         onAction={onConsentPopupAction}
                         onClose={onClose}

diff --git a/src/components/CookieConsent/README.md b/src/components/CookieConsent/README.md
@@ -53,6 +53,7 @@ const Analytics = () => {
       consentManager={consentManager}
       cookieList={cookieList}
       onConsentPopupClose={props.onClose}
+      modalClassName={'unique-class-name-for-adblockers'}
     />
   );
 };

diff --git a/src/components/CookieConsent/__stories__/CookieConsent.stories.tsx b/src/components/CookieConsent/__stories__/CookieConsent.stories.tsx
@@ -72,6 +72,7 @@ ConsentPopup.args = {
     consentMode: ConsentMode.Manage,
     policyLink: 'https://google.com',
     cookieList,
+    modalClassName: 'unique-class-name-for-adblockers',
 } as DefaultTemplateProps;
 
 export const ManageCookies = DefaultTemplate.bind({});
@@ -80,6 +81,7 @@ ManageCookies.args = {
     manageCookies: true,
     policyLink: 'https://google.com',
     cookieList,
+    modalClassName: 'unique-class-name-for-adblockers',
 } as DefaultTemplateProps;
 
 export const ConsentNotification = DefaultTemplate.bind({});

diff --git a/src/components/CookieConsent/components/ConsentPopup/ConsentPopup.tsx b/src/components/CookieConsent/components/ConsentPopup/ConsentPopup.tsx
@@ -101,7 +101,7 @@ export const ConsentPopup = ({
     policyLink,
     onAction,
     className,
-    rootClassName,
+    modalClassName,
     policyLinkText = i18n('label_policy_extended'),
     text,
     manageLabelText = i18n('manage_label_text_extended'),
@@ -157,7 +157,7 @@ export const ConsentPopup = ({
             open
             disableOutsideClick
             disableEscapeKeyDown
-            className={rootClassName}
+            className={modalClassName}
             contentClassName={b('modal-content', {step: currentStep, mobile})}
             onClose={onClose}
         >

diff --git a/src/components/CookieConsent/components/ConsentPopup/types.ts b/src/components/CookieConsent/components/ConsentPopup/types.ts
@@ -40,7 +40,8 @@ export type ConsentPopupProps = ConsentPopupData &
     CookieConsentBaseProps & {
         /* Active step */
         step?: `${ConsentPopupStep}`;
-        rootClassName?: string;
+        /* Class for the root Modal node */
+        modalClassName?: string;
     };
 
 export interface HeaderProps {