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();
});
});