From 3271af3896424a77ee21f9d5c10dd2ffd481180b Mon Sep 17 00:00:00 2001
From: Arkadiusz Wieczorek <kontakt@arkadiusz-wieczorek.pl>
Date: Fri, 8 Jul 2022 23:13:57 +0200
Subject: [PATCH] Fix address url in browser on screenshots view

---
 components/report-window/email-content.tsx    |  4 ++-
 components/report-window/report-intro.tsx     |  2 +-
 components/report-window/report-window.tsx    |  2 ++
 .../report-window/screenshot-generator.scss   |  9 ++---
 .../report-window/screenshot-generator.tsx    | 34 +++++++++++++------
 5 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/components/report-window/email-content.tsx b/components/report-window/email-content.tsx
index 8c01005..2c57f6e 100644
--- a/components/report-window/email-content.tsx
+++ b/components/report-window/email-content.tsx
@@ -16,12 +16,14 @@ export default function EmailContent({
     clusters,
     scrRequestPath,
     downloadFiles,
+    user_role,
 }: {
     answers: ParsedAnswers;
     visited_url: string;
     clusters: Record<string, RequestCluster>;
     scrRequestPath: string;
     downloadFiles: Function;
+    user_role: string;
 }) {
     console.log('rendering email!', answers);
     const _ = (key: string) => v(key, answers.zaimek);
@@ -118,7 +120,7 @@ export default function EmailContent({
                         {copied ? 'Skopiowano!' : 'Kopiuj treść'}
                     </button>
                 </div>
-                {copied ? (
+                {copied && user_role === 'user' ? (
                     <section className="greeting-text">
                         <strong>Przed Tobą ostatni krok! 😊</strong>
                         <p>
diff --git a/components/report-window/report-intro.tsx b/components/report-window/report-intro.tsx
index b8a5748..ffb38f4 100644
--- a/components/report-window/report-intro.tsx
+++ b/components/report-window/report-intro.tsx
@@ -1,3 +1,3 @@
 export function reportIntro(visited_url: string) {
-    return <h2>Analiza skryptów śledzących na ${visited_url} - raport</h2>;
+    return <h2>Analiza skryptów śledzących na {visited_url} - raport</h2>;
 }
diff --git a/components/report-window/report-window.tsx b/components/report-window/report-window.tsx
index 3f47dbd..1872825 100644
--- a/components/report-window/report-window.tsx
+++ b/components/report-window/report-window.tsx
@@ -64,6 +64,7 @@ function Report() {
                             setReportWindowMode: setMode,
                             setRequestPath: setScrRequestPath,
                             downloadFiles: downloadFiles,
+                            user_role: answers.user_role,
                         }}
                     />
                 ) : (
@@ -77,6 +78,7 @@ function Report() {
                             clusters,
                             scrRequestPath,
                             downloadFiles: downloadFiles,
+                            user_role: answers.user_role,
                         }}
                     />
                 ) : (
diff --git a/components/report-window/screenshot-generator.scss b/components/report-window/screenshot-generator.scss
index 28e239c..74d67b1 100644
--- a/components/report-window/screenshot-generator.scss
+++ b/components/report-window/screenshot-generator.scss
@@ -74,16 +74,17 @@ h2 {
         border-bottom: 1px solid $disabled-grey;
 
         &--address-bar {
-            border: 1px solid $disabled-grey;
+            border: 1px solid #8a949f;
             height: 1rem;
             width: 10rem;
             font-size: 0.667rem;
             font-weight: 400;
-            padding-left: 0.25rem;
+            padding: 0 0.25rem;
             color: #000;
-            overflow: visible;
-            word-break: break-all;
+            overflow: hidden;
+            word-break: normal;
             inline-size: 10rem;
+            text-overflow: ellipsis;
         }
 
         &--controls {
diff --git a/components/report-window/screenshot-generator.tsx b/components/report-window/screenshot-generator.tsx
index 5cc237b..c364991 100644
--- a/components/report-window/screenshot-generator.tsx
+++ b/components/report-window/screenshot-generator.tsx
@@ -55,12 +55,14 @@ export default function ScreenshotGenerator({
     setReportWindowMode,
     setRequestPath,
     downloadFiles,
+    user_role,
 }: {
     visited_url: string;
     clusters: Record<string, RequestCluster>;
     setReportWindowMode: Function;
     setRequestPath: Function;
     downloadFiles: Function;
+    user_role: string;
 }) {
     const [mode, setMode] = React.useState<string>('idle');
     const [images, setImages] = React.useState<Screenshot[]>([]);
@@ -92,16 +94,26 @@ export default function ScreenshotGenerator({
                     <h1>Przygotowanie zrzutów ekranów</h1>
                     <div className="container">
                         <h2>Notka informacyjna</h2>
-                        <p>
-                            Dla potwierdzenia przechwyconych danych, warto załączyć zrzuty ekranów
-                            narzędzi deweloperskich do maila dla administratora oraz Urzędu Ochrony
-                            Danych Osobowych.
-                        </p>
-                        <p>
-                            Jeżeli nie wiesz jak wykonać zrzuty ekranów, skorzystaj z{' '}
-                            <a href="">naszej instrukcji</a> lub wtyczka Rentgen może wygenerować je
-                            za Ciebie.
-                        </p>
+
+                        {user_role === 'user' ? (
+                            <Fragment>
+                                <p>
+                                    Dla potwierdzenia przechwyconych danych, warto załączyć zrzuty
+                                    ekranów narzędzi deweloperskich do maila dla administratora oraz
+                                    Urzędu Ochrony Danych Osobowych.
+                                </p>
+                                <p>
+                                    Jeżeli nie wiesz jak przygotować zrzuty ekranów to wtyczka
+                                    Rentgen może wygenerować je za Ciebie.
+                                </p>
+                            </Fragment>
+                        ) : (
+                            <p>
+                                Wtyczka Rentgen może skorzystać z zewnętrznego serwisu, aby wykonać
+                                zrzuty ekranu będące dowodem na to, że strona przetwarza dane
+                                osobowe w sposób, jaki wykazała analiza ruchu sieciowego.
+                            </p>
+                        )}
                     </div>
 
                     <div className="buttons-container">
@@ -168,7 +180,7 @@ export default function ScreenshotGenerator({
                                     >
                                         <div className="browser__header">
                                             <div className="browser__header--address-bar">
-                                                {screenshot.url.split('-').slice(-2).join('-')}
+                                                🕸 {screenshot.domain}
                                             </div>
                                             <div className="browser__header--controls">· · ·</div>
                                         </div>