From a25736402c937574269967ac9bdf174edaa28730 Mon Sep 17 00:00:00 2001
From: Georgi 7DIGIT <georgi@7digit.io>
Date: Thu, 28 Nov 2024 22:02:52 +0200
Subject: [PATCH] Refactor: the age agreement to display the minAge from the DB

---
 .../RegisterAnonymous/RegisterAnonymous.jsx       | 15 +++++++++++----
 src/blocks/RegisterAnonymous/locales/en.json      |  2 +-
 src/blocks/RegisterAnonymous/locales/kk.json      |  2 +-
 src/blocks/RegisterAnonymous/locales/pl.json      |  2 +-
 src/blocks/RegisterAnonymous/locales/ru.json      |  2 +-
 src/blocks/RegisterAnonymous/locales/uk.json      |  2 +-
 src/blocks/RegisterEmail/RegisterEmail.jsx        | 13 ++++++++++---
 src/blocks/RegisterEmail/locales/en.json          |  2 +-
 src/blocks/RegisterEmail/locales/kk.json          |  2 +-
 src/blocks/RegisterEmail/locales/pl.json          |  2 +-
 src/blocks/RegisterEmail/locales/ru.json          |  2 +-
 src/blocks/RegisterEmail/locales/uk.json          |  2 +-
 12 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/blocks/RegisterAnonymous/RegisterAnonymous.jsx b/src/blocks/RegisterAnonymous/RegisterAnonymous.jsx
index beb6e989..8e862835 100644
--- a/src/blocks/RegisterAnonymous/RegisterAnonymous.jsx
+++ b/src/blocks/RegisterAnonymous/RegisterAnonymous.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useNavigate, Link } from "react-router-dom";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
 import { toast } from "react-toastify";
 import Joi from "joi";
@@ -36,6 +36,9 @@ import "./register-anonymous.scss";
 export const RegisterAnonymous = () => {
   const navigate = useNavigate();
   const { t } = useTranslation("register-anonymous");
+  const queryClient = useQueryClient();
+
+  const countriesData = queryClient.getQueryData(["countries"]);
 
   const schema = Joi.object({
     password: Joi.string()
@@ -60,6 +63,10 @@ export const RegisterAnonymous = () => {
   const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState(false);
   const [hasCopied, setHasCopied] = useState(false);
 
+  const country = localStorage.getItem("country");
+  const selectedCountry = countriesData?.find((c) => c.value === country);
+  const minAge = selectedCountry?.minAge;
+
   // On page load send a request to the server
   // to generate a user acces token
   const fetchUserAccessToken = async () => {
@@ -256,11 +263,11 @@ export const RegisterAnonymous = () => {
                 textFour={t("terms_agreement_text_4")}
                 Link={Link}
               />
-              {/* <TermsAgreement
+              <TermsAgreement
                 isChecked={data.isAgeTermsSelected}
                 setIsChecked={(val) => handleChange("isAgeTermsSelected", val)}
-                textOne={t("age_terms_agreement_text_1")}
-              /> */}
+                textOne={t("age_terms_agreement_text_1", { age: minAge })}
+              />
               <Button
                 label={t("register_button_label")}
                 size="lg"
diff --git a/src/blocks/RegisterAnonymous/locales/en.json b/src/blocks/RegisterAnonymous/locales/en.json
index de078107..1e4a67b4 100644
--- a/src/blocks/RegisterAnonymous/locales/en.json
+++ b/src/blocks/RegisterAnonymous/locales/en.json
@@ -15,5 +15,5 @@
   "copy_success": "Code copied successfully",
   "confirm_password_label": "Confirm password",
   "password_match_error": "The Password and Confirm Password fields do not match",
-  "age_terms_agreement_text_1": "I am over 13 years old"
+  "age_terms_agreement_text_1": "I am over {{age}} years old"
 }
diff --git a/src/blocks/RegisterAnonymous/locales/kk.json b/src/blocks/RegisterAnonymous/locales/kk.json
index d79c484c..20eb796c 100644
--- a/src/blocks/RegisterAnonymous/locales/kk.json
+++ b/src/blocks/RegisterAnonymous/locales/kk.json
@@ -15,5 +15,5 @@
   "copy_success": "Сәтті көшірілген код",
   "confirm_password_label": "Құпия сөзді растаңыз",
   "password_match_error": "Құпия сөз және Құпия сөзді растау өрістері сәйкес келмейді",
-  "age_terms_agreement_text_1": "Менің жасым 13-тен үлкен"
+  "age_terms_agreement_text_1": "Менің жасым 10-нан үлкен"
 }
diff --git a/src/blocks/RegisterAnonymous/locales/pl.json b/src/blocks/RegisterAnonymous/locales/pl.json
index 322e19a2..0002dc92 100644
--- a/src/blocks/RegisterAnonymous/locales/pl.json
+++ b/src/blocks/RegisterAnonymous/locales/pl.json
@@ -15,5 +15,5 @@
   "copy_success": "Kod został pomyślnie skopiowany",
   "confirm_password_label": "Potwierdź hasło",
   "password_match_error": "Pola Hasło i Potwierdź hasło nie są zgodne",
-  "age_terms_agreement_text_1": "Mam ponad 13 lat"
+  "age_terms_agreement_text_1": "Mam ponad {{age}} lat"
 }
diff --git a/src/blocks/RegisterAnonymous/locales/ru.json b/src/blocks/RegisterAnonymous/locales/ru.json
index 4a0c2513..8265e576 100644
--- a/src/blocks/RegisterAnonymous/locales/ru.json
+++ b/src/blocks/RegisterAnonymous/locales/ru.json
@@ -15,5 +15,5 @@
   "copy_success": "Успешно скопированный код",
   "confirm_password_label": "Подтвердите пароль",
   "password_match_error": "Поля Пароль и Подтвердите пароль не совпадают",
-  "age_terms_agreement_text_1": "Мне больше 13 лет"
+  "age_terms_agreement_text_1": "Мне больше {{age}} лет"
 }
diff --git a/src/blocks/RegisterAnonymous/locales/uk.json b/src/blocks/RegisterAnonymous/locales/uk.json
index 9f2eca8b..0da63986 100644
--- a/src/blocks/RegisterAnonymous/locales/uk.json
+++ b/src/blocks/RegisterAnonymous/locales/uk.json
@@ -15,5 +15,5 @@
   "copy_success": "Код скопійовано",
   "confirm_password_label": "Підтвердити пароль",
   "password_match_error": "Поля «Пароль» і «Підтвердити пароль» не збігаються",
-  "age_terms_agreement_text_1": "Мені більше 13 років"
+  "age_terms_agreement_text_1": "Мені більше {{age}} років"
 }
diff --git a/src/blocks/RegisterEmail/RegisterEmail.jsx b/src/blocks/RegisterEmail/RegisterEmail.jsx
index 69236706..13d4fb05 100644
--- a/src/blocks/RegisterEmail/RegisterEmail.jsx
+++ b/src/blocks/RegisterEmail/RegisterEmail.jsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, Link } from "react-router-dom";
 import ReCAPTCHA from "react-google-recaptcha";
+import { useQueryClient } from "@tanstack/react-query";
 
 import Joi from "joi";
 
@@ -40,6 +41,8 @@ export const RegisterEmail = ({
 }) => {
   const { t } = useTranslation("register-email");
   const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const countriesData = queryClient.getQueryData(["countries"]);
 
   const schema = Joi.object({
     password: Joi.string()
@@ -58,6 +61,10 @@ export const RegisterEmail = ({
 
   const [errors, setErrors] = useState({});
 
+  const country = localStorage.getItem("country");
+  const selectedCountry = countriesData?.find((c) => c.value === country);
+  const minAge = selectedCountry?.minAge;
+
   const handleChange = (field, value) => {
     if (
       field === "confirmPassword" &&
@@ -163,11 +170,11 @@ export const RegisterEmail = ({
             textFour={t("terms_agreement_text_4")}
             Link={Link}
           />
-          {/* <TermsAgreement
+          <TermsAgreement
             isChecked={data.isAgeTermsSelected}
             setIsChecked={(val) => handleChange("isAgeTermsSelected", val)}
-            textOne={t("age_terms_agreement_text_1")}
-          /> */}
+            textOne={t("age_terms_agreement_text_1", { age: minAge })}
+          />
           {showCaptcha && (
             <ReCAPTCHA
               sitekey={RECAPTCHA_SITE_KEY}
diff --git a/src/blocks/RegisterEmail/locales/en.json b/src/blocks/RegisterEmail/locales/en.json
index 7e8f6a5e..c491bd92 100644
--- a/src/blocks/RegisterEmail/locales/en.json
+++ b/src/blocks/RegisterEmail/locales/en.json
@@ -15,5 +15,5 @@
   "login_button_label": "I already have an account",
   "confirm_password_label": "Confirm password",
   "password_match_error": "The Password and Confirm Password fields do not match",
-  "age_terms_agreement_text_1": "I am over 13 years old"
+  "age_terms_agreement_text_1": "I am over {{age}} years old"
 }
diff --git a/src/blocks/RegisterEmail/locales/kk.json b/src/blocks/RegisterEmail/locales/kk.json
index 026f3ba3..0c350ed3 100644
--- a/src/blocks/RegisterEmail/locales/kk.json
+++ b/src/blocks/RegisterEmail/locales/kk.json
@@ -15,5 +15,5 @@
   "login_button_label": "Менің аккаунтым бар",
   "confirm_password_label": "Құпия сөзді растаңыз",
   "password_match_error": "Құпия сөз және Құпия сөзді растау өрістері сәйкес келмейді",
-  "age_terms_agreement_text_1": "Менің жасым 13-тен үлкен"
+  "age_terms_agreement_text_1": "Менің жасым 10-нан үлкен"
 }
diff --git a/src/blocks/RegisterEmail/locales/pl.json b/src/blocks/RegisterEmail/locales/pl.json
index 1751be26..e5e052e7 100644
--- a/src/blocks/RegisterEmail/locales/pl.json
+++ b/src/blocks/RegisterEmail/locales/pl.json
@@ -15,5 +15,5 @@
   "login_button_label": "Już posiadam konto",
   "confirm_password_label": "Potwierdź hasło",
   "password_match_error": "Pola Hasło i Potwierdź hasło nie są zgodne",
-  "age_terms_agreement_text_1": "Mam ponad 13 lat"
+  "age_terms_agreement_text_1": "Mam ponad {{age}} lat"
 }
diff --git a/src/blocks/RegisterEmail/locales/ru.json b/src/blocks/RegisterEmail/locales/ru.json
index 73ce0846..9ec508b0 100644
--- a/src/blocks/RegisterEmail/locales/ru.json
+++ b/src/blocks/RegisterEmail/locales/ru.json
@@ -15,5 +15,5 @@
   "login_button_label": "У меня уже есть аккаунт",
   "confirm_password_label": "Подтвердите пароль",
   "password_match_error": "Поля Пароль и Подтвердите пароль не совпадают",
-  "age_terms_agreement_text_1": "Мне больше 13 лет"
+  "age_terms_agreement_text_1": "Мне больше {{age}} лет"
 }
diff --git a/src/blocks/RegisterEmail/locales/uk.json b/src/blocks/RegisterEmail/locales/uk.json
index 3bf1b6c5..1a377518 100644
--- a/src/blocks/RegisterEmail/locales/uk.json
+++ b/src/blocks/RegisterEmail/locales/uk.json
@@ -15,5 +15,5 @@
   "login_button_label": "Вже маю обліковий запис",
   "confirm_password_label": "Підтвердити пароль",
   "password_match_error": "Поля «Пароль» і «Підтвердити пароль» не збігаються",
-  "age_terms_agreement_text_1": "Мені більше 13 років"
+  "age_terms_agreement_text_1": "Мені більше {{age}} років"
 }