Add minor UI fixes

components/report-window/email-content.scss

@@ -29,10 +29,13 @@ h1 {
     }
 
     &__content {
-        height: 50vh;
+        max-height: 50vh;
         overflow-y: scroll;
         padding: 1rem 2rem;
         color: $black-color;
+        a {
+            color: $ultra-black-color;
+        }
     }
 
     h2 {
@@ -44,3 +47,12 @@ h1 {
         font-size: calc(14 / 16 * 1rem);
     }
 }
+
+.greeting-text {
+    font-size: 1rem;
+
+    a {
+        color: $ultra-black-color;
+        font-weight: 700;
+    }
+}

components/report-window/email-content.tsx

@@ -79,9 +79,21 @@ export default function EmailContent({
                 </div>
                 <div className="buttons-container">
                     <button className="sv_next_btn" onClick={() => copyTextToClipboard()}>
-                        {copied ? 'Skopiowano!' : 'Kopiuj'}
+                        {copied ? 'Skopiowano!' : 'Kopiuj treść wiadomości'}
                     </button>
                 </div>
+                {copied ? (
+                    <section className="greeting-text">
+                        <strong>Przed Tobą ostatni krok! 😊</strong>
+                        <p>
+                            <a href="mailto:?subject=Zapytanie o przetwarzanie moich danych osobowych przez Państwa stronę">
+                                Przejdź do swojego klienta pocztowego
+                            </a>
+                            , załącz zrzuty ekranów, wklej treść wiadomości i wyślij ją do
+                            administratorów witryny {visited_url.split('/').slice(0, 3).join('/')}.
+                        </p>
+                    </section>
+                ) : null}
             </div>
         </Fragment>
     );

components/report-window/generate-survey-questions.ts

@@ -220,14 +220,15 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         type: 'html',
                         visibleIf:
                             '{is_incognito_different} != "no" and ({popup_type} = "none" or {popup_type} = "page") ',
-                        html: /* HTML */ `Jeżeli w trybie incognito widzisz więcej okienek z
+                        html: /* HTML */ `Jeżeli w trybie incognito {widzisz} więcej okienek z
-                            informacjami o przetwarzaniu danych osobowych, wykonaj analizę w
+                            informacjami o przetwarzaniu danych osobowych, {wykonaj} analizę w
-                            normalnym trybie ponownie - ale najpierw usuń pliki cookies tej strony.
+                            normalnym trybie ponownie - ale najpierw {usuń} pliki cookies tej
+                            strony.
                             <a
                                 href="https://support.mozilla.org/pl/kb/usuwanie-ciasteczek-i-danych-stron-firefox?redirectslug=usuwanie-ciasteczek&redirectlocale=pl"
                                 target="_blank"
                             >
-                                Zobacz, jak to zrobić
+                                {Zobacz}, jak to zrobić
                             </a>`,
                     },
                     {
@@ -285,7 +286,7 @@ export default function generateSurveyQuestions(hosts: string[]) {
                             },
                             {
                                 value: 'yes',
-                                text: 'Nie. Muszę wykonać więcej czynności aby odmówić wszystkich zgód, albo opcja niewyrażenia zgody jest mało widoczna.',
+                                text: 'Nie. {Muszę} wykonać więcej czynności aby odmówić wszystkich zgód, albo opcja niewyrażenia zgody jest mało widoczna.',
                             },
                         ],
                     },
@@ -339,7 +340,7 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         name: 'administrator_identity_available_before_choice',
                         isRequired: true,
                         visibleIf: '{popup_type} = "some_choice"',
-                        title: 'Czy przed podjęciem wyboru dot. {Twoich} danych masz możliwość poznać tożsamość administratora strony?',
+                        title: 'Czy przed podjęciem wyboru dot. {Twoich} danych {masz} możliwość poznać tożsamość administratora strony?',
                         choices: [
                             {
                                 value: 'yes',
@@ -363,10 +364,10 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         name: 'policy_readable',
                         isRequired: true,
                         choices: [
-                            { value: 'yes', text: 'dostępna i czytelna' },
+                            { value: 'yes', text: 'Dostępna i czytelna' },
                             {
                                 value: 'entirely_obscured_by_popup',
-                                text: 'dostępna, ale nieczytelna. Zasłania ją całkowicie lub prawie całkowicie popup o RODO lub nie można się do niej doklikać bez podjęcia wyboru w okienku',
+                                text: 'Dostępna, ale nieczytelna. Zasłania ją całkowicie lub prawie całkowicie popup o RODO lub nie można się do niej doklikać bez podjęcia wyboru w okienku',
                             },
                             {
                                 value: 'cant_find',

components/report-window/report-window.scss

@@ -18,7 +18,6 @@ body {
 nav {
     position: sticky;
     top: 0;
-    // background-color: #fff;
     display: flex;
     flex-wrap: wrap;
     justify-content: left;
@@ -53,6 +52,7 @@ h1 {
     position: sticky;
     top: 0;
     z-index: 1;
+    user-select: none;
 
     .webpage-metadata {
         word-break: break-all;

components/report-window/screenshot-generator.scss

@@ -27,6 +27,10 @@ h2 {
     max-width: 100ex;
     margin: 0 auto;
     font-size: calc(14 / 16 * 1rem);
+
+    a {
+        color: $ultra-black-color;
+    }
 }
 
 .buttons-container {

components/report-window/screenshot-generator.tsx

@@ -133,13 +133,23 @@ export default function ScreenshotGenerator({
 
             {mode === 'in_progress' || mode === 'finished' ? (
                 <Fragment>
-                    <h1>Przygotowujemy zrzuty ekranów</h1>
+                    <h1>Przygotowanie zrzutów ekranów</h1>
                     <div className="container">
+                        {mode === 'in_progress' ? (
+                            <Fragment>
                                 <h2>To może chwilkę zająć...</h2>
                                 <p>
-                            Nasz serwer właśnie odwiedza wskazaną przez Ciebie stronę i przygotowuje
+                                    Nasz serwer właśnie odwiedza wskazaną przez Ciebie stronę
-                            zrzuty ekranów narzędzi deweloperskich.
+                                    i przygotowuje zrzuty ekranów narzędzi deweloperskich.
                                 </p>
+                            </Fragment>
+                        ) : null}
+                        {mode === 'finished' ? (
+                            <Fragment>
+                                <h2>Gotowe!</h2>
+                                <p>Zrzuty ekranów narzędzi deweloperskich są gotowe do pobrania.</p>
+                            </Fragment>
+                        ) : null}
 
                         <div className="images">
                             {images.map((screenshot) => {
@@ -175,9 +185,11 @@ export default function ScreenshotGenerator({
                     </div>
                     <div className="buttons-container">
                         {mode === 'finished' ? (
+                            <Fragment>
                                 <button className="sv_next_btn" onClick={() => downloadFiles()}>
-                                Pobierz zrzuty ekranów
+                                    Pobierz zrzuty ekranów i przejdź dalej
                                 </button>
+                            </Fragment>
                         ) : null}
                     </div>
                 </Fragment>

components/report-window/verbs.ts

@@ -1,37 +1,42 @@
 const words = {
-    zrobiłem: ['zrobiłem', 'zrobiłam', 'zrobiłom', 'zrobiliśmy'],
+    ciebie: ['ciebie', 'ciebie', 'ciebie', 'was'],
-    szukałem: ['szukałem', 'szukałam', 'szukałom', 'szukaliśmy'],
+    dokonałeś: ['dokonałeś', 'dokonałaś', 'dokonałoś', 'dokonaliście'],
-    znalazłem: ['znalazłem', 'znalazłam', 'znalazłom', 'znaleźliśmy'],
+    jesteś: ['jesteś', 'jesteś', 'jesteś', 'jesteście'],
+    kliknąłem: ['kliknąłem', 'kliknęłam', 'klinkęłom', 'kliknęliśmy'],
+    mam: ['mam', 'mam', 'mam', 'mamy'],
+    masz: ['masz', 'masz', 'masz', 'macie'],
+    mnie: ['mnie', 'mnie', 'mnie', 'nas'],
+    moich: ['moich', 'moich', 'moich', 'naszych'],
     moje: ['moje', 'moje', 'moje', 'nasze'],
     mojej: ['mojej', 'mojej', 'mojej', 'naszej'],
-    wyraziłem: ['wyraziłem', 'wyraziłam', 'wyraziłom', 'wyraziliśmy'],
+    muszę: ['muszę', 'muszę', 'muszę', 'musimy'],
-    kliknąłem: ['kliknąłem', 'kliknęłam', 'klinkęłom', 'kliknęliśmy'],
-    odwiedzałeś: ['odwiedzałeś', 'odwiedzałaś', 'odwiedzałoś', 'odwiedzaliście'],
-    wyraziłeś: ['wyraziłeś', 'wyraziłaś', 'wyraziłoś', 'wyraziliście'],
-    jesteś: ['jesteś', 'jesteś', 'jesteś', 'jesteście'],
-    twoich: ['twoich', 'twoich', 'twoich', 'waszych'],
-    tobie: ['tobie', 'tobie', 'tobie', 'wam'],
-    twojej: ['twojej', 'twojej', 'twojej', 'waszej'],
     odkliknąłeś: ['odkliknąłeś', 'odkliknęłaś', 'odklikęłoś', 'odkliknęliście'],
+    odmówiłem: ['odmówiłem', 'odmówiłam', 'odmówiłom', 'odmówiliśmy'],
+    odmówiłeś: ['odmówiłeś', 'odmówiłaś', 'odmówiłoś', 'odmówiliście'],
+    odwiedzałeś: ['odwiedzałeś', 'odwiedzałaś', 'odwiedzałoś', 'odwiedzaliście'],
+    odwiedziłem: ['odwiedziłem', 'odwiedziłam', 'odwiedziłom', 'odwiedziliśmy'],
+    odznaczyłem: ['odznaczyłem', 'odznaczyłam', 'odznaczyłom', 'odznaczyliśmy'],
     otwórz: ['otwórz', 'otwórz', 'otwórz', 'otwórzcie'],
-    widzisz: ['widzisz', 'widzisz', 'widzisz', 'widzicie'],
+    podjąłem: ['podjąłem', 'podjęłam', 'podjęłom', 'podjęliśmy'],
+    podjąłeś: ['podjąłeś', 'podjęłaś', 'podjęłoś', 'podjęliście'],
+    proszę: ['proszę', 'proszę', 'proszę', 'prosimy'],
+    szukałem: ['szukałem', 'szukałam', 'szukałom', 'szukaliśmy'],
+    tobie: ['tobie', 'tobie', 'tobie', 'wam'],
+    twoich: ['twoich', 'twoich', 'twoich', 'waszych'],
+    twojej: ['twojej', 'twojej', 'twojej', 'waszej'],
+    usuń: ['usuń', 'usuń', 'usuń', 'usuńcie'],
     widzę: ['widzę', 'widzę', 'widzę', 'widzimy'],
     widziałem: ['widziałem', 'widziałam', 'widziałom', 'widzieliśmy'],
-    odwiedziłem: ['odwiedziłem', 'odwiedziłam', 'odwiedziłom', 'odwiedziliśmy'],
+    widzisz: ['widzisz', 'widzisz', 'widzisz', 'widzicie'],
-    mam: ['mam', 'mam', 'mam', 'mamy'],
+    wykonaj: ['wykonaj', 'wykonaj', 'wykonaj', 'wykonajcie'],
-    podjąłeś: ['podjąłeś', 'podjęłaś', 'podjęłoś', 'podjęliście'],
+    wyraziłem: ['wyraziłem', 'wyraziłam', 'wyraziłom', 'wyraziliśmy'],
+    wyraziłeś: ['wyraziłeś', 'wyraziłaś', 'wyraziłoś', 'wyraziliście'],
     zamknąłem: ['zamknąłem', 'zamknęłom', 'zamknęłom', 'zamknęliśmy'],
+    zobacz: ['zobacz', 'zobacz', 'zobacz', 'zobaczcie'],
     zamknąłeś: ['zamknąłeś', 'zamknęłaś', 'zamknęłoś', 'zamknęliście'],
+    znalazłem: ['znalazłem', 'znalazłam', 'znalazłom', 'znaleźliśmy'],
+    zrobiłem: ['zrobiłem', 'zrobiłam', 'zrobiłom', 'zrobiliśmy'],
     zwracam: ['zwracam', 'zwracam', 'zwracam', 'zwracamy'],
-    moich: ['moich', 'moich', 'moich', 'naszych'],
-    ciebie: ['ciebie', 'ciebie', 'ciebie', 'was'],
-    mnie: ['mnie', 'mnie', 'mnie', 'nas'],
-    podjąłem: ['podjąłem', 'podjęłam', 'podjęłom', 'podjęliśmy'],
-    dokonałeś: ['dokonałeś', 'dokonałaś', 'dokonałoś', 'dokonaliście'],
-    odmówiłeś: ['odmówiłeś', 'odmówiłaś', 'odmówiłoś', 'odmówiliście'],
-    odznaczyłem: ['odznaczyłem', 'odznaczyłam', 'odznaczyłom', 'odznaczyliśmy'],
-    proszę: ['proszę', 'proszę', 'proszę', 'prosimy'],
-    odmówiłem: ['odmówiłem', 'odmówiłam', 'odmówiłom', 'odmówiliśmy'],
 } as { [key: string]: string[] };
 
 export default words;

components/sidebar/sidebar.scss

@@ -12,6 +12,7 @@
         top: 0;
         background: #ffffff;
         z-index: 1;
+        user-select: none;
 
         .webpage-metadata {
             word-break: break-all;

components/toolbar/toolbar.scss

@@ -3,6 +3,7 @@
 body {
     width: 400px;
     overflow-x: hidden;
+    user-select: none;
 }
 
 .toolbar {
@@ -19,6 +20,7 @@ body {
         top: 0;
         background: #ffffff;
         z-index: 1;
+        user-select: none;
 
         .webpage-metadata {
             word-break: break-all;