diff --git a/components/sidebar/sidebar.scss b/components/sidebar/sidebar.scss index 0921310..f92b891 100644 --- a/components/sidebar/sidebar.scss +++ b/components/sidebar/sidebar.scss @@ -83,9 +83,7 @@ } } - .warning-container { - background-color: $pale-yellow; - border-left: 4px solid $contrast-yellow; + .dialog-container { margin-top: 0.5rem; font-size: 0.875rem; display: grid; @@ -107,8 +105,17 @@ display: flex; align-self: flex-start; } - } + &--info { + background-color: $row-color; + border-left: 4px solid $contrast-icd-rentgen-color; + } + + &--warning { + background-color: $pale-yellow; + border-left: 4px solid $contrast-yellow; + } + } .button { border: 0; @@ -119,14 +126,14 @@ height: 2.5rem; cursor: pointer; background-color: #000 !important; - + &--report { font-weight: 800; padding: 0 1.5rem; margin-left: 0.5rem; background-color: #000; color: #fff; - + &:hover { color: $icd-rentgen-color; background-image: linear-gradient( diff --git a/components/sidebar/sidebar.tsx b/components/sidebar/sidebar.tsx index 55f9cba..b4d008f 100644 --- a/components/sidebar/sidebar.tsx +++ b/components/sidebar/sidebar.tsx @@ -30,6 +30,13 @@ const Sidebar = () => { const [cookiesOrOriginOnly, setCookiesOrOriginOnly] = React.useState(false); const [eventCounts, setEventCounts] = useEmitter(getMemory()); const [marksOccurrence, setMarksOccurrence] = React.useState(false); + const [infoDataDialogAck, setInfoDataDialogAck] = React.useState( + localStorage.getItem('infoDataDialogAck') === null + ? true + : localStorage.getItem('infoDataDialogAck') == 'true' + ? true + : false + ); const [warningDataDialogAck, setWarningDataDialogAck] = React.useState( localStorage.getItem('warningDataDialogAck') === null ? true @@ -165,12 +172,32 @@ const Sidebar = () => {
{stolenDataView ? ( <> + {infoDataDialogAck ? ( +
+ + Uwaga! Wtyczka Rentgen automatycznie zaznacza + wybrane domeny, możesz teraz przejść do generowania raportu lub + dokonać korekty. + + +
+ ) : null} {warningDataDialogAck ? ( -
+
Uwaga! Niekoniecznie każda przechwycona poniżej - informacja jest daną osobową. Niektóre z podanych domen mogą - należeć do właściciela strony i nie reprezentować podmiotów + informacja jest daną osobową. Niektóre z podanych domen mogą + należeć do właściciela strony i nie reprezentować podmiotów trzecich.
-