sidebar/sidebar.tsx

@@ -58,7 +58,6 @@ const Sidebar = () => {
         return setMarksOccurrence(false);
     }, [counter, origin]);
 
-
     return (
         <Fragment>
             {/* <div id="selector">
@@ -93,7 +92,11 @@ const Sidebar = () => {
             </header>
 
             <nav>
-                <button onClick={() => setStolenDataView(!stolenDataView)}>
+                {stolenDataView ? (
+                    <Fragment>
+                        <button
+                            onClick={() => setStolenDataView(!stolenDataView)}
+                        >
                             {/* {stolenDataView ? 'Options' : 'Data'}
                              */}
                             <SettingsIcon />
@@ -125,6 +128,7 @@ const Sidebar = () => {
                         </button>
                         <button
                             disabled={!marksOccurrence}
+                            title={marksOccurrence ? 'Kliknij, aby wygenerować wiadomość': 'Zaznacz poniżej elementy, aby móc wygenerować wiadomość' }
                             onClick={() => {
                                 const params = [
                                     'height=' + screen.height,
@@ -139,8 +143,12 @@ const Sidebar = () => {
                             }}
                         >
                             <MailIcon />
-                    <span>Utwórz wiadomość dla administratora tej witryny</span>
+                            <span>
+                                Utwórz wiadomość dla administratora tej witryny
+                            </span>
                         </button>
+                    </Fragment>
+                ) : null}
             </nav>
 
             <section>
@@ -165,7 +173,7 @@ const Sidebar = () => {
                 )}
             </section>
 
-            <footer>Footer marks → {JSON.stringify(marksOccurrence)}</footer>
+            {/* <footer>Footer marks → {JSON.stringify(marksOccurrence)}</footer> */}
         </Fragment>
     );
 };