rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Do not use avatar for tracker third party

Browse Source 
Signed-off-by: Émile Ré <emile@probo.com>
This commit is contained in:
Émile Ré
2026-05-28 15:07:41 +02:00
parent 4520b10187
commit 33ddba9770
3 changed files with 10 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/console/src/pages/organizations/cookie-banners/configuration/trackers/CookieBannerTrackersPage.tsx
View File

@@ -87,7 +87,6 @@ const trackersFragment = graphql`
... on CommonThirdParty {
id
name
logoUrl
}
}
trackerPatterns(
@@ -218,6 +217,15 @@ export default function CookieBannerTrackersPage({
onBlur={handleQuerySubmit}
className="w-72"
/>
<Select
value={thirdPartyFilter ?? "ALL"}
onValueChange={handleThirdPartyFilterChange}
>
<Option value="ALL">{__("All third parties")}</Option>
{linkedThirdParties.map(party => (
<Option key={party.id} value={party.id}>{party.name}</Option>
))}
</Select>
<Select
value={trackerTypeFilter ?? "ALL"}
onValueChange={handleTrackerTypeFilterChange}
@@ -247,15 +255,6 @@ export default function CookieBannerTrackersPage({
<Option key={category.id} value={category.id}>{category.name}</Option>
))}
</Select>
<Select
value={thirdPartyFilter ?? "ALL"}
onValueChange={handleThirdPartyFilterChange}
>
<Option value="ALL">{__("All third parties")}</Option>
{linkedThirdParties.map(party => (
<Option key={party.id} value={party.id}>{party.name}</Option>
))}
</Select>
</div>
<div className={isPending ? "opacity-50 pointer-events-none transition-opacity" : ""}>

7
apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternPropertiesSection.tsx
View File

@@ -14,7 +14,7 @@
import { humanizeSeconds } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
import { Avatar, Badge, Card, PropertyRow } from "@probo/ui";
import { Badge, Card, PropertyRow } from "@probo/ui";
import { graphql, useFragment } from "react-relay";
import type { TrackerPatternPropertiesSection_trackerPattern$key } from "#/__generated__/core/TrackerPatternPropertiesSection_trackerPattern.graphql";
@@ -106,17 +106,12 @@ export function TrackerPatternPropertiesSection({
{pattern.thirdParty
? (
<div className="flex items-center gap-2">
<Avatar name={pattern.thirdParty.name} />
<span className="text-sm">{pattern.thirdParty.name}</span>
</div>
)
: pattern.commonThirdParty
? (
<div className="flex items-center gap-2">
<Avatar
name={pattern.commonThirdParty.name}
src={pattern.commonThirdParty.logoUrl}
/>
<span className="text-sm">{pattern.commonThirdParty.name}</span>
</div>
)

7
apps/console/src/pages/organizations/cookie-banners/configuration/trackers/_components/TrackerPatternRow.tsx
View File

@@ -16,7 +16,6 @@ import { EyeIcon, EyeSlashIcon } from "@phosphor-icons/react";
import { formatError, type GraphQLError } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
import {
Avatar,
Badge,
Dropdown,
IconArrowBoxLeft,
@@ -64,7 +63,6 @@ const trackerPatternFragment = graphql`
commonThirdParty {
id
name
logoUrl
}
}
`;
@@ -328,17 +326,12 @@ export function TrackerPatternRow({ patternKey, connectionId }: TrackerPatternRo
{pattern.thirdParty
? (
<div className="flex items-center gap-2 min-w-0">
<Avatar name={pattern.thirdParty.name} />
<span className="truncate">{pattern.thirdParty.name}</span>
</div>
)
: pattern.commonThirdParty
? (
<div className="flex items-center gap-2 min-w-0">
<Avatar
name={pattern.commonThirdParty.name}
src={pattern.commonThirdParty.logoUrl}
/>
<span className="truncate">{pattern.commonThirdParty.name}</span>
</div>
)