Add newsletter signup checkbox

mockoon · Dec 21, 2023 · 96e81bc · 96e81bc
1 parent b5bcbc1
commit 96e81bc
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/pages/signup.tsx b/pages/signup.tsx
@@ -46,6 +46,10 @@ const Signup: FunctionComponent = function () {
     if (!data['work_address']) {
       delete data['work_address'];
 
+      if (data['newsletter']) {
+        localStorage.setItem('newsletter', 'true');
+      }
+
       try {
         const userCredentials = await signUp(data.email, data.password);
 
@@ -142,7 +146,8 @@ const Signup: FunctionComponent = function () {
                       {...registerFormField('password')}
                     />
                   </div>
-                  <div className='form-check mb-5'>
+
+                  <div className='form-check mb-2'>
                     <input
                       className='form-check-input'
                       type='checkbox'
@@ -157,6 +162,20 @@ const Signup: FunctionComponent = function () {
                       <Link href={'/terms/'}>terms of service</Link>.
                     </label>
                   </div>
+                  <div className='form-check mb-5'>
+                    <input
+                      className='form-check-input'
+                      type='checkbox'
+                      value=''
+                      id='newsletter'
+                      {...registerFormField('newsletter')}
+                    />
+                    <label className='form-check-label' htmlFor='newsletter'>
+                      I want to receive Mockoon's newsletter (usually once a
+                      month or less). Your email will not be shared or used for
+                      any other purpose.
+                    </label>
+                  </div>
                   <FormHoneypot
                     inputRegister={registerFormField('work_address')}
                   />

diff --git a/utils/queries.tsx b/utils/queries.tsx
@@ -13,12 +13,18 @@ const useCurrentUser = () => {
     refetchOnMount: false,
     queryFn: async () => {
       const token = await getIdToken();
+      let query = '';
 
       if (!token) {
         return null;
       }
 
-      return fetch(`${process.env.NEXT_PUBLIC_BACKEND_URL}/user`, {
+      if (localStorage.getItem('newsletter')) {
+        localStorage.removeItem('newsletter');
+        query = '?newsletter=true';
+      }
+
+      return fetch(`${process.env.NEXT_PUBLIC_BACKEND_URL}/user${query}`, {
         headers: {
           Authorization: `Bearer ${token}`
         }