From e3d6e6b83c3a98b0161b600888e286fbab49f1dc Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Tue, 16 Aug 2022 14:08:13 +0200
Subject: [PATCH] =?UTF-8?q?Ikonka=20cookies=C3=B3w=20przy=20tych=20domenac?=
 =?UTF-8?q?h,=20kt=C3=B3re=20maj=C4=85=20entriesy=20z=20cookiesami?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/sidebar/stolen-data-cluster.scss |  9 +++++++++
 components/sidebar/stolen-data-cluster.tsx  | 18 +++++++++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

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 (
         <div className="stolen-data-cluster-container">
             <header className="domains-container">
-                <div>
+                <div className="domains-container__header">
                     <input
                         type="checkbox"
                         className="domain-checkbox"
@@ -135,7 +133,17 @@ export default function StolenDataCluster({
                     />
                     <a className="domain" href={'https://' + cluster.id} target="_blank">
                         {cluster.id}
-                    </a>
+                    </a>{' '}
+                    {cluster.hasCookies() ? (
+                        <img
+                            src="/assets/icons/cookie.svg"
+                            height={16}
+                            width={16}
+                            className="icon cookie-data"
+                        />
+                    ) : (
+                        ''
+                    )}
                 </div>
                 <div className="subdomains-container">
                     {fullHosts.map((host, index) => (