icd/rentgen
icd/rentgen
2
1
Fork 0
Code Issues 72 Pull Requests Projects Releases 6 Wiki Activity

Remove wczytywanie... text

Browse Source
This commit is contained in:
Arkadiusz Wieczorek 2022-07-09 18:05:56 +02:00
parent f6a28256e9
commit 50701adcf6
2 changed files with 101 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/toolbar/toolbar.scss
View File

@ -22,6 +22,10 @@ body {
z-index: 1;
user-select: none;
&--no-page {
border-bottom: 0;
}
.webpage-metadata {
word-break: break-all;
display: flex;

41
components/toolbar/toolbar.tsx
View File

@ -132,13 +132,9 @@ const Toolbar = () => {
return setMarksOccurrence(true);
}
if (!origin) {
return <div>Wczytywanie...</div>;
}
return (
<div className="toolbar">
<header className="header">
<header className={origin ? 'header' : 'header header--no-page'}>
<img src="../../assets/icon-addon.svg" height={32}></img>
<div className="webpage-metadata">
{origin ? (
@ -157,26 +153,37 @@ const Toolbar = () => {
) : null}
</header>
{origin ? (
<Fragment>
{' '}
<section className="summary">
<div className="counters-wrapper">
<div className="counters">
<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['*']}`}>
{
Object.values(getMemory().getClustersForOrigin(origin)).filter(
(cluster) => cluster.hasCookies()
).length
Object.values(
getMemory().getClustersForOrigin(origin)
).filter((cluster) => cluster.hasCookies()).length
}
</span>
</div>
<div className="counter counter--browser-history">
<img src="/assets/icons/warning.svg#color" width="24" height="24" />
<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
Object.values(
getMemory().getClustersForOrigin(origin)
).filter((cluster) => cluster.exposesOrigin()).length
}
</span>
</div>
@ -187,7 +194,6 @@ const Toolbar = () => {
</div>
<span className="notice">Liczba wykrytych domen podmiotów trzecich</span>
</section>
<section className="details">
{cookieDomainCopy ? (
<p
@ -214,13 +220,12 @@ const Toolbar = () => {
</p>
) : null}
</section>
{exposedOriginDomainCopy || cookieDomainCopy ? (
<Fragment>
<section className="about">
<p>
Takie przetwarzanie danych może być niezgodne z prawem. Przejdź do
analizy aby pomóc ustalić, czy ta strona nie narusza RODO.
Takie przetwarzanie danych może być niezgodne z prawem. Przejdź
do analizy aby pomóc ustalić, czy ta strona nie narusza RODO.
</p>
</section>
<section className="actions">
@ -246,6 +251,8 @@ const Toolbar = () => {
</section>
</Fragment>
)}
</Fragment>
) : null}
</div>
);
};