diff --git a/components/sidebar/stolen-data-cluster.scss b/components/sidebar/stolen-data-cluster.scss index 9771d8a..627c8ee 100644 --- a/components/sidebar/stolen-data-cluster.scss +++ b/components/sidebar/stolen-data-cluster.scss @@ -7,6 +7,15 @@ flex-flow: column; border-bottom: none; + &__header { + display: flex; + align-items: center; + + .icon.cookie-data { + margin-left: 0.25rem; + } + } + .domain-checkbox { margin-right: 0.5rem; width: 0.875rem; diff --git a/components/sidebar/stolen-data-cluster.tsx b/components/sidebar/stolen-data-cluster.tsx index 65d0514..1d4b0bf 100644 --- a/components/sidebar/stolen-data-cluster.tsx +++ b/components/sidebar/stolen-data-cluster.tsx @@ -2,12 +2,10 @@ import React from 'react'; import { getMemory } from '../../memory'; import { StolenDataEntry } from '../../stolen-data-entry'; -import { maskString, useEmitter } from '../../util'; +import { useEmitter } from '../../util'; import './stolen-data-cluster.scss'; -const MAX_STRING_VALUE_LENGTH = 100; - function StolenDataValue({ entry }: { entry: StolenDataEntry; prefixKey?: string }) { const [version] = useEmitter(entry); let body = null; @@ -122,7 +120,7 @@ export default function StolenDataCluster({ return (
-
+
{cluster.id} - + {' '} + {cluster.hasCookies() ? ( + + ) : ( + '' + )}
{fullHosts.map((host, index) => (