Labels for cookies/history were reversed

This commit is contained in:
Kuba Orlik 2022-07-07 19:59:37 +02:00
parent 052eb5eb89
commit c22c8a9045
1 changed files with 23 additions and 23 deletions

View File

@ -145,16 +145,6 @@ const Toolbar = () => {
<section className="summary"> <section className="summary">
<div className="counters-wrapper"> <div className="counters-wrapper">
<div className="counters"> <div className="counters">
<div className="counter counter--browser-history">
<img src="/assets/icons/warning.svg#color" width="24" height="24" />
<span data-event={`${eventCounts['*']}`}>
{
Object.values(getMemory().getClustersForOrigin(origin)).filter(
(cluster) => cluster.exposesOrigin()
).length
}
</span>
</div>
<div className="counter counter--cookies"> <div className="counter counter--cookies">
<img src="/assets/icons/cookie.svg#color" width="24" height="24" /> <img src="/assets/icons/cookie.svg#color" width="24" height="24" />
<span data-event={`${eventCounts['*']}`}> <span data-event={`${eventCounts['*']}`}>
@ -165,6 +155,16 @@ const Toolbar = () => {
} }
</span> </span>
</div> </div>
<div className="counter counter--browser-history">
<img src="/assets/icons/warning.svg#color" width="24" height="24" />
<span data-event={`${eventCounts['*']}`}>
{
Object.values(getMemory().getClustersForOrigin(origin)).filter(
(cluster) => cluster.exposesOrigin()
).length
}
</span>
</div>
</div> </div>
<div className="big-counter" data-event={`${eventCounts['*']}`}> <div className="big-counter" data-event={`${eventCounts['*']}`}>
{Object.values(getMemory().getClustersForOrigin(origin)).length} {Object.values(getMemory().getClustersForOrigin(origin)).length}
@ -174,18 +174,6 @@ const Toolbar = () => {
</section> </section>
<section className="details"> <section className="details">
{exposedOriginDomainCopy ? (
<p
data-event={`${eventCounts['*']}`}
title={Object.values(getMemory().getClustersForOrigin(origin))
.filter((cluster) => cluster.exposesOrigin())
.map((domain) => domain.id)
.join(', ')}
>
{first_sentence_cookie}
<strong>{exposedOriginDomainCopy}</strong>
</p>
) : null}
{cookieDomainCopy ? ( {cookieDomainCopy ? (
<p <p
data-event={`${eventCounts['*']}`} data-event={`${eventCounts['*']}`}
@ -194,10 +182,22 @@ const Toolbar = () => {
.map((domain) => domain.id) .map((domain) => domain.id)
.join(', ')} .join(', ')}
> >
{first_sentence_history} {first_sentence_cookie}
<strong>{cookieDomainCopy}</strong> <strong>{cookieDomainCopy}</strong>
</p> </p>
) : null} ) : null}
{exposedOriginDomainCopy ? (
<p
data-event={`${eventCounts['*']}`}
title={Object.values(getMemory().getClustersForOrigin(origin))
.filter((cluster) => cluster.exposesOrigin())
.map((domain) => domain.id)
.join(', ')}
>
{first_sentence_history}
<strong>{exposedOriginDomainCopy}</strong>
</p>
) : null}
</section> </section>
{exposedOriginDomainCopy || cookieDomainCopy ? ( {exposedOriginDomainCopy || cookieDomainCopy ? (