Ikonka cookiesów przy tych domenach, które mają entriesy z cookiesami
This commit is contained in:
parent
5f29730613
commit
e3d6e6b83c
|
@ -7,6 +7,15 @@
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
|
||||||
|
&__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.icon.cookie-data {
|
||||||
|
margin-left: 0.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.domain-checkbox {
|
.domain-checkbox {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
width: 0.875rem;
|
width: 0.875rem;
|
||||||
|
|
|
@ -2,12 +2,10 @@ import React from 'react';
|
||||||
import { getMemory } from '../../memory';
|
import { getMemory } from '../../memory';
|
||||||
import { StolenDataEntry } from '../../stolen-data-entry';
|
import { StolenDataEntry } from '../../stolen-data-entry';
|
||||||
|
|
||||||
import { maskString, useEmitter } from '../../util';
|
import { useEmitter } from '../../util';
|
||||||
|
|
||||||
import './stolen-data-cluster.scss';
|
import './stolen-data-cluster.scss';
|
||||||
|
|
||||||
const MAX_STRING_VALUE_LENGTH = 100;
|
|
||||||
|
|
||||||
function StolenDataValue({ entry }: { entry: StolenDataEntry; prefixKey?: string }) {
|
function StolenDataValue({ entry }: { entry: StolenDataEntry; prefixKey?: string }) {
|
||||||
const [version] = useEmitter(entry);
|
const [version] = useEmitter(entry);
|
||||||
let body = null;
|
let body = null;
|
||||||
|
@ -122,7 +120,7 @@ export default function StolenDataCluster({
|
||||||
return (
|
return (
|
||||||
<div className="stolen-data-cluster-container">
|
<div className="stolen-data-cluster-container">
|
||||||
<header className="domains-container">
|
<header className="domains-container">
|
||||||
<div>
|
<div className="domains-container__header">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
className="domain-checkbox"
|
className="domain-checkbox"
|
||||||
|
@ -135,7 +133,17 @@ export default function StolenDataCluster({
|
||||||
/>
|
/>
|
||||||
<a className="domain" href={'https://' + cluster.id} target="_blank">
|
<a className="domain" href={'https://' + cluster.id} target="_blank">
|
||||||
{cluster.id}
|
{cluster.id}
|
||||||
</a>
|
</a>{' '}
|
||||||
|
{cluster.hasCookies() ? (
|
||||||
|
<img
|
||||||
|
src="/assets/icons/cookie.svg"
|
||||||
|
height={16}
|
||||||
|
width={16}
|
||||||
|
className="icon cookie-data"
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
''
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="subdomains-container">
|
<div className="subdomains-container">
|
||||||
{fullHosts.map((host, index) => (
|
{fullHosts.map((host, index) => (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user