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}