From cf53ab859654dbd4a97a1629c3c739ea15265708 Mon Sep 17 00:00:00 2001
From: ani-kalpachka <ani.kalpachka888@abv.bg>
Date: Tue, 31 Oct 2023 16:32:25 +0200
Subject: [PATCH 1/2] Update cookie consent popup

---
 public/locales/bg/common.json                |  2 +-
 src/components/common/CookieConsentPopup.tsx | 41 ++++++++++++++------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/public/locales/bg/common.json b/public/locales/bg/common.json
index 0075be69d..e9280a99c 100644
--- a/public/locales/bg/common.json
+++ b/public/locales/bg/common.json
@@ -103,7 +103,7 @@
     "see-profile": "Вижте профил",
     "question": "Имате въпрос?"
   },
-  "cookieConsent": "Подкрепи.бг не използва бисквитки, освен тези от трети страни, нужни за аналитичните компоненти Google Analytics и HotJar. Приемането на бисквитките ще ни помогне да подобрим вашето потребителско преживяване",
+  "cookieConsent": "Подкрепи.бг не използва бисквитки, освен тези от трети страни, нужни за аналитичните компоненти Google Analytics и HotJar. Приемането на бисквитките ще ни помогне да подобрим вашето потребителско преживяване.",
   "cookieConsentButton": "Приемам",
   "cookieRejectButton": "Отхвърлям"
 }
diff --git a/src/components/common/CookieConsentPopup.tsx b/src/components/common/CookieConsentPopup.tsx
index d2e98a316..9a4cba440 100644
--- a/src/components/common/CookieConsentPopup.tsx
+++ b/src/components/common/CookieConsentPopup.tsx
@@ -1,6 +1,8 @@
 import CookieConsent from 'react-cookie-consent'
 import { useTranslation } from 'react-i18next'
 
+import theme from 'common/theme'
+
 type CookieConsentPopupProps = {
   handleAcceptCookie: () => void
   handleDeclineCookie: () => void
@@ -14,28 +16,43 @@ const CookieConsentPopup = ({
 
   return (
     <CookieConsent
+      acceptOnScroll={true}
+      acceptOnScrollPercentage={50}
       enableDeclineButton
+      flipButtons
       onAccept={handleAcceptCookie}
       onDecline={handleDeclineCookie}
       buttonText={t('cookieConsentButton')}
       declineButtonText={t('cookieRejectButton')}
-      style={{ border: '1px solid black', backgroundColor: '#fff' }}
+      style={{
+        backgroundColor: '#EAF4FC',
+        alignItems: 'center',
+        justifyContent: 'space-evenly',
+        padding: theme.spacing(2.5),
+        gap: theme.spacing(2.5),
+      }}
       contentStyle={{
-        fontSize: '1rem',
-        color: '#000',
-        padding: '0.5rem',
+        fontSize: theme.typography.pxToRem(16),
+        color: theme.palette.common.black,
+        padding: theme.spacing(0, 2),
+        margin: 0,
+        maxWidth: theme.spacing(132.5),
       }}
       buttonStyle={{
-        backgroundColor: 'white',
-        color: '#32a9fe',
-        border: '1px solid #32a9fe',
-        borderRadius: '5px',
+        color: theme.palette.primary.main,
+        borderRadius: theme.borders.semiRound,
+        padding: theme.spacing(1.125, 1.5),
+        backgroundColor: theme.palette.common.white,
+        border: `1px solid ${theme.palette.primary.main}`,
+        margin: theme.spacing(0, 3.75),
       }}
       declineButtonStyle={{
-        backgroundColor: 'white',
-        color: '#32a9fe',
-        border: '1px solid #32a9fe',
-        borderRadius: '5px',
+        color: theme.palette.primary.main,
+        borderRadius: theme.borders.semiRound,
+        padding: theme.spacing(1, 1.5),
+        backgroundColor: theme.palette.common.white,
+        border: `1px solid ${theme.palette.primary.main}`,
+        margin: theme.spacing(0, 3.75, 0, 0),
       }}>
       {t('cookieConsent')}
     </CookieConsent>

From 535a6fe84750c0c31ea930ffdc07c9bf143628d8 Mon Sep 17 00:00:00 2001
From: ani-kalpachka <ani.kalpachka888@abv.bg>
Date: Tue, 31 Oct 2023 19:41:48 +0200
Subject: [PATCH 2/2] removed auto accept on scroll

---
 src/components/common/CookieConsentPopup.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/common/CookieConsentPopup.tsx b/src/components/common/CookieConsentPopup.tsx
index 9a4cba440..30e3b6e94 100644
--- a/src/components/common/CookieConsentPopup.tsx
+++ b/src/components/common/CookieConsentPopup.tsx
@@ -16,8 +16,6 @@ const CookieConsentPopup = ({
 
   return (
     <CookieConsent
-      acceptOnScroll={true}
-      acceptOnScrollPercentage={50}
       enableDeclineButton
       flipButtons
       onAccept={handleAcceptCookie}