diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/cookiesLandingContainer/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/cookiesLandingContainer/index.tsx index 4aab4ca61..8d45e44d9 100644 --- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/cookiesLandingContainer/index.tsx +++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/cookiesLandingContainer/index.tsx @@ -59,11 +59,9 @@ const CookiesLandingContainer = ({ associatedCookiesCount={Object.values(tabFrames).length} showMessageBoxBody={false} showBlockedCookiesSection + cookieClassificationTitle="Categories" >
-

- Comparative Insights -

diff --git a/packages/design-system/src/components/cookiesLanding/cookiesMatrix/index.tsx b/packages/design-system/src/components/cookiesLanding/cookiesMatrix/index.tsx index d936d19b6..8fcb96a22 100644 --- a/packages/design-system/src/components/cookiesLanding/cookiesMatrix/index.tsx +++ b/packages/design-system/src/components/cookiesLanding/cookiesMatrix/index.tsx @@ -56,7 +56,7 @@ const CookiesMatrix = ({ tabCookies, tabFrames, componentData = [], - title = 'Cookie Classification', + title = 'Categories', description = '', showHorizontalMatrix = true, showMatrix = true, diff --git a/packages/design-system/src/components/cookiesLanding/cookiesMatrix/tests/cookieMatrix.tsx b/packages/design-system/src/components/cookiesLanding/cookiesMatrix/tests/cookieMatrix.tsx index 2fe5a481f..79e43674f 100644 --- a/packages/design-system/src/components/cookiesLanding/cookiesMatrix/tests/cookieMatrix.tsx +++ b/packages/design-system/src/components/cookiesLanding/cookiesMatrix/tests/cookieMatrix.tsx @@ -31,17 +31,17 @@ describe('CookiesMatrix', () => { it('should render the cookies insights', () => { const tabCookies = mockResponse.tabCookies; const tabFrames = mockResponse.tabFrames; + const title = 'Title'; const { getByTestId } = render( ); - expect( - getByTestId('cookies-matrix-Cookie Classification') - ).toBeInTheDocument(); + expect(getByTestId(`cookies-matrix-${title}`)).toBeInTheDocument(); }); }); diff --git a/packages/design-system/src/components/cookiesLanding/index.tsx b/packages/design-system/src/components/cookiesLanding/index.tsx index 2ea8e49e3..cf406c2a6 100644 --- a/packages/design-system/src/components/cookiesLanding/index.tsx +++ b/packages/design-system/src/components/cookiesLanding/index.tsx @@ -47,6 +47,7 @@ interface CookiesLandingProps { }; showFramesSection?: boolean; description?: React.ReactNode; + cookieClassificationTitle?: string; } const CookiesLanding = ({ @@ -62,6 +63,7 @@ const CookiesLanding = ({ showHorizontalMatrix = false, description = '', additionalComponents = {}, + cookieClassificationTitle, }: CookiesLandingProps) => { const cookieStats = prepareCookiesCount(tabCookies); const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats); @@ -112,6 +114,7 @@ const CookiesLanding = ({ /> ))} - {children &&
{children}
} {showBlockedCookiesSection && ( )} + {children &&
{children}
}
)} {/* TODO: This is not scalable. Refactor code so that components can be added from the the extension or dashboard package. */} - {Object.keys(additionalComponents).length && + {Boolean(Object.keys(additionalComponents).length) && Object.keys(additionalComponents).map((key: string) => { const Component = additionalComponents[key]; return ; diff --git a/packages/design-system/src/components/cookiesLanding/landingHeader/index.tsx b/packages/design-system/src/components/cookiesLanding/landingHeader/index.tsx index efba35f10..5123927a4 100644 --- a/packages/design-system/src/components/cookiesLanding/landingHeader/index.tsx +++ b/packages/design-system/src/components/cookiesLanding/landingHeader/index.tsx @@ -35,7 +35,9 @@ interface LandingHeaderProps { const LandingHeader = ({ dataMapping = [] }: LandingHeaderProps) => { return (
diff --git a/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx b/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx index 0ce5354aa..14617e4b2 100644 --- a/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx +++ b/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx @@ -39,8 +39,6 @@ describe('CookiesLanding', () => { expect(getByTestId('cookies-landing')).toBeInTheDocument(); expect(getAllByTestId('cookies-landing-header')[0]).toBeInTheDocument(); - expect( - getByTestId('cookies-matrix-Cookie Classification') - ).toBeInTheDocument(); + expect(getByTestId('cookies-matrix-Categories')).toBeInTheDocument(); }); });