From 8200993af4300c815878d5d257d5ab7f6af72004 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 14 Feb 2023 14:07:38 +0000
Subject: [PATCH] Update subscription

---
 src/components/DownloadPopup.astro  | 22 +++++++++-------------
 src/components/SubscribePopup.astro |  8 +++-----
 src/pages/signup.astro              |  8 ++++----
 3 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/src/components/DownloadPopup.astro b/src/components/DownloadPopup.astro
index 7a78a5060..15f8e554c 100644
--- a/src/components/DownloadPopup.astro
+++ b/src/components/DownloadPopup.astro
@@ -3,11 +3,7 @@ import Popup from './Popup/Popup.astro';
 import CaptchaFields from './Captcha/CaptchaFields.astro';
 ---
 
-<Popup
-  id='download-popup'
-  title='Download'
-  subtitle='Enter your email below to receive the download link.'
->
+<Popup id='download-popup' title='Download' subtitle='Enter your email below to receive the download link.'>
   <form
     action='https://newsletter.roadmap.sh/subscribe'
     method='POST'
@@ -15,6 +11,8 @@ import CaptchaFields from './Captcha/CaptchaFields.astro';
     target='_blank'
     captcha-form
   >
+    <input type='hidden' name='gdpr' value='true' />
+
     <input
       type='email'
       name='email'
@@ -42,13 +40,11 @@ import CaptchaFields from './Captcha/CaptchaFields.astro';
 </Popup>
 
 <script>
-  document
-    .querySelector('[submit-download-form]')
-    ?.addEventListener('click', () => {
-      window.fireEvent({
-        category: 'Subscription',
-        action: 'Submitted Popup Form',
-        label: 'Download Roadmap Popup',
-      });
+  document.querySelector('[submit-download-form]')?.addEventListener('click', () => {
+    window.fireEvent({
+      category: 'Subscription',
+      action: 'Submitted Popup Form',
+      label: 'Download Roadmap Popup',
     });
+  });
 </script>
diff --git a/src/components/SubscribePopup.astro b/src/components/SubscribePopup.astro
index 220d86937..9e4b8a412 100644
--- a/src/components/SubscribePopup.astro
+++ b/src/components/SubscribePopup.astro
@@ -3,11 +3,7 @@ import Popup from './Popup/Popup.astro';
 import CaptchaFields from './Captcha/CaptchaFields.astro';
 ---
 
-<Popup
-  id='subscribe-popup'
-  title='Subscribe'
-  subtitle='Enter your email below to receive updates.'
->
+<Popup id='subscribe-popup' title='Subscribe' subtitle='Enter your email below to receive updates.'>
   <form
     action='https://newsletter.roadmap.sh/subscribe'
     method='POST'
@@ -15,6 +11,8 @@ import CaptchaFields from './Captcha/CaptchaFields.astro';
     target='_blank'
     captcha-form
   >
+    <input type='hidden' name='gdpr' value='true' />
+
     <input
       type='email'
       name='email'
diff --git a/src/pages/signup.astro b/src/pages/signup.astro
index f927dd3e3..a59b2898a 100644
--- a/src/pages/signup.astro
+++ b/src/pages/signup.astro
@@ -17,12 +17,10 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       <div class='mb-2 sm:mb-5 text-left sm:text-center'>
         <h1 class='text-3xl sm:text-5xl font-semibold mb-2 sm:mb-4'>Signup</h1>
         <p class='hidden sm:block text-md text-gray-600'>
-          Register yourself to receive occasional emails about new roadmaps,
-          updates, guides and videos
+          Register yourself to receive occasional emails about new roadmaps, updates, guides and videos
         </p>
         <p class='text-sm block sm:hidden text-gray-600'>
-          Register yourself for occasional updates about roadmaps, guides and
-          videos.
+          Register yourself for occasional updates about roadmaps, guides and videos.
         </p>
       </div>
 
@@ -33,6 +31,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
         class='w-full'
         captcha-form
       >
+        <input type='hidden' name='gdpr' value='true' />
+
         <input
           type='email'
           required