Redesign #3
@ -58,7 +58,6 @@ const Sidebar = () => {
|
|||||||
return setMarksOccurrence(false);
|
return setMarksOccurrence(false);
|
||||||
}, [counter, origin]);
|
}, [counter, origin]);
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
{/* <div id="selector">
|
{/* <div id="selector">
|
||||||
@ -93,13 +92,17 @@ const Sidebar = () => {
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<button onClick={() => setStolenDataView(!stolenDataView)}>
|
{stolenDataView ? (
|
||||||
{/* {stolenDataView ? 'Options' : 'Data'}
|
<Fragment>
|
||||||
*/}
|
<button
|
||||||
<SettingsIcon />
|
onClick={() => setStolenDataView(!stolenDataView)}
|
||||||
<span>Ustawienia wtyczki</span>
|
>
|
||||||
</button>
|
{/* {stolenDataView ? 'Options' : 'Data'}
|
||||||
{/* <button
|
*/}
|
||||||
|
<SettingsIcon />
|
||||||
|
<span>Ustawienia wtyczki</span>
|
||||||
|
</button>
|
||||||
|
{/* <button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
getMemory().removeCookiesFor(
|
getMemory().removeCookiesFor(
|
||||||
origin,
|
origin,
|
||||||
@ -111,36 +114,41 @@ const Sidebar = () => {
|
|||||||
<TrashIcon />
|
<TrashIcon />
|
||||||
<span>Wyczyść ciasteczka first-party</span>
|
<span>Wyczyść ciasteczka first-party</span>
|
||||||
</button> */}
|
</button> */}
|
||||||
<button
|
<button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
getMemory().removeRequestsFor(origin);
|
getMemory().removeRequestsFor(origin);
|
||||||
setCounter((c) => c + 1);
|
setCounter((c) => c + 1);
|
||||||
setMarksOccurrence(false);
|
setMarksOccurrence(false);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{/* {stolenDataView ? 'Options' : 'Data'}
|
{/* {stolenDataView ? 'Options' : 'Data'}
|
||||||
*/}
|
*/}
|
||||||
<TrashIcon />
|
<TrashIcon />
|
||||||
<span>Wyczyść ciasteczka</span>
|
<span>Wyczyść ciasteczka</span>
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
disabled={!marksOccurrence}
|
disabled={!marksOccurrence}
|
||||||
onClick={() => {
|
title={marksOccurrence ? 'Kliknij, aby wygenerować wiadomość': 'Zaznacz poniżej elementy, aby móc wygenerować wiadomość' }
|
||||||
const params = [
|
onClick={() => {
|
||||||
'height=' + screen.height,
|
const params = [
|
||||||
'width=' + screen.width,
|
'height=' + screen.height,
|
||||||
'fullscreen=yes',
|
'width=' + screen.width,
|
||||||
].join(',');
|
'fullscreen=yes',
|
||||||
window.open(
|
].join(',');
|
||||||
`/report-window/report-window.html?origin=${origin}`,
|
window.open(
|
||||||
'new_window',
|
`/report-window/report-window.html?origin=${origin}`,
|
||||||
params
|
'new_window',
|
||||||
);
|
params
|
||||||
}}
|
);
|
||||||
>
|
}}
|
||||||
<MailIcon />
|
>
|
||||||
<span>Utwórz wiadomość dla administratora tej witryny</span>
|
<MailIcon />
|
||||||
</button>
|
<span>
|
||||||
|
Utwórz wiadomość dla administratora tej witryny
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</Fragment>
|
||||||
|
) : null}
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -165,7 +173,7 @@ const Sidebar = () => {
|
|||||||
)}
|
)}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer>Footer marks → {JSON.stringify(marksOccurrence)}</footer>
|
{/* <footer>Footer marks → {JSON.stringify(marksOccurrence)}</footer> */}
|
||||||
</Fragment>
|
</Fragment>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user