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; z-index: 1;
user-select: none; user-select: none;
&--no-page {
border-bottom: 0;
}
.webpage-metadata { .webpage-metadata {
word-break: break-all; word-break: break-all;
display: flex; display: flex;

41
components/toolbar/toolbar.tsx
View File

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