Redesign #3

Closed
arek wants to merge 15 commits from redesign into master
Showing only changes of commit d26712886e - Show all commits

View File

@ -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>
); );
}; };