diff --git a/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternPropertiesSection.tsx b/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternPropertiesSection.tsx
index 4c2a4e818..b95b3f7bf 100644
--- a/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternPropertiesSection.tsx
+++ b/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternPropertiesSection.tsx
@@ -14,7 +14,7 @@
import { getTrackerSourceBadge, getTrackerTypeBadge, humanizeSeconds } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
-import { Badge, Card, PropertyRow } from "@probo/ui";
+import { Badge, Card, IconSquareBehindSquare2, PropertyRow, useToast } from "@probo/ui";
import { graphql, useFragment } from "react-relay";
import type { TrackerPatternPropertiesSection_trackerPattern$key } from "#/__generated__/core/TrackerPatternPropertiesSection_trackerPattern.graphql";
@@ -50,6 +50,7 @@ interface TrackerPatternPropertiesSectionProps {
export function TrackerPatternPropertiesSection({
trackerPatternKey,
}: TrackerPatternPropertiesSectionProps) {
+ const { toast } = useToast();
const { __ } = useTranslate();
const pattern = useFragment(
trackerPatternPropertiesSectionFragment,
@@ -91,6 +92,7 @@ export function TrackerPatternPropertiesSection({
: pattern.commonThirdParty
? (
+ {__("Common catalog")}
{pattern.commonThirdParty.name}
)
@@ -102,20 +104,32 @@ export function TrackerPatternPropertiesSection({
{pattern.description && (
-
- {pattern.description}
-
+ <>
+
+ {pattern.description}
+
+
+ {pattern.commonTrackerPatternId
+ ? (
+
+ {__("Common catalog")}
+ {pattern.commonTrackerPatternId}
+
+
+ )
+ : {__("Manual")}}
+
+ >
)}
-
- {pattern.commonTrackerPatternId
- ? (
-
- {__("Common catalog")}
- {pattern.commonTrackerPatternId}
-
- )
- : {__("Manual")}}
-
{pattern.excluded ? __("Yes") : __("No")}
diff --git a/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternRow.tsx b/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternRow.tsx
index be1d24629..222a4b390 100644
--- a/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternRow.tsx
+++ b/apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternRow.tsx
@@ -48,7 +48,6 @@ const trackerPatternFragment = graphql`
maxAgeSeconds
excluded
lastMatchedAt
- commonTrackerPatternId
cookieCategory {
id
name
@@ -288,7 +287,6 @@ export function TrackerPatternRow({ patternKey, connectionId }: TrackerPatternRo
const typeBadge = getTrackerTypeBadge(pattern.trackerType, __);
const srcBadge = pattern.source ? getTrackerSourceBadge(pattern.source, __) : null;
- const commonTrackerPatternId = pattern.commonTrackerPatternId;
return (
@@ -298,13 +296,6 @@ export function TrackerPatternRow({ patternKey, connectionId }: TrackerPatternRo
|
{pattern.displayName}
- {commonTrackerPatternId
- ? (
-
- {commonTrackerPatternId}
-
- )
- : {__("Manual")}}
{pattern.description && (
{pattern.description}
|