gatsby-core-theme 32.0.4 → 32.0.6

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [32.0.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v32.0.5...v32.0.6) (2024-06-04)
+
+
+### Code Refactoring
+
+* change to title tag in newsletter ([59dc282](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/59dc282ba7aab3b620ffceb94745e206e460bf59))
+
+
+* Merge branch 'tm-4397-newsletter' into 'master' ([00bb7dd](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/00bb7ddec8b30e57063cb89370e0087164462b20))
+
+## [32.0.5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v32.0.4...v32.0.5) (2024-05-31)
+
+
+### Bug Fixes
+
+* add translation for newsletter ([5d92b06](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5d92b06755c0b3717a1b9af2c1701acf5b59e100))
+
 ## [32.0.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v32.0.3...v32.0.4) (2024-05-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "32.0.4",
+  "version": "32.0.6",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/molecules/newsletter/form/index.js

@@ -16,6 +16,7 @@ const NewsletterForm = ({
   path,
   country,
   showLabels = true,
+  titleType = 'h2',
 }) => {
   const [ip, setIP] = useState('');
   const [error, setError] = useState(false);
@@ -91,6 +92,7 @@ const NewsletterForm = ({
       buttonLabel={submitText}
       path={path}
       showLabels={showLabels}
+      titleType={titleType}
     />
   );
 };
@@ -103,6 +105,7 @@ NewsletterForm.propTypes = {
   path: PropTypes.string,
   country: PropTypes.string,
   showLabels: PropTypes.bool,
+  titleType: PropTypes.string,
 };
 
 export default NewsletterForm;

package/src/components/molecules/newsletter/index.js

@@ -12,6 +12,7 @@ const Newsletter = ({
   openBtnText = 'Unlock Bonuses',
   isSticky = false,
   showLabels = true,
+  titleType = 'p',
 }) => {
   const [toggleNewsetter, setToggleNewsletter] = useState(false);
   const [isClicked, setIsClicked] = useState(false);
@@ -59,6 +60,7 @@ const Newsletter = ({
             path={page?.path}
             redirectUrl={redirectUrl}
             showLabels={showLabels}
+            titleType={titleType}
           />
           {isSticky && (
             <MdClose
@@ -83,6 +85,7 @@ Newsletter.propTypes = {
   }),
   isSticky: PropTypes.bool,
   showLabels: PropTypes.bool,
+  titleType: PropTypes.string,
 };
 
 export default Newsletter;

package/src/components/molecules/newsletter/success/index.js

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { IoMdCheckmarkCircleOutline } from '@react-icons/all-files/io/IoMdCheckmarkCircleOutline';
-
+import { Context } from 'gatsby-core-theme/src/context/MainProvider';
+import { translate } from 'gatsby-core-theme/src/helpers/getters';
 import Modal from '~atoms/modal';
 
 const index = ({
@@ -9,15 +10,18 @@ const index = ({
     section: 'Now there are lots of extra goodies that are on their way to your inbox.',
     footer: 'All the best and good luck in the casino world!',
   },
-}) => (
-  <Modal>
-    <IoMdCheckmarkCircleOutline color="green" title="Check Icon" />
-    <p>{text.title}</p>
-    <div>
-      {text.section}
-      <p>{text.footer}</p>
-    </div>
-  </Modal>
-);
+}) => {
+  const { translations } = useContext(Context) || {};
+  return (
+    <Modal>
+      <IoMdCheckmarkCircleOutline color="green" title="Check Icon" />
+      <p>{translate(translations, 'newsletter_success_title', text.title)}</p>
+      <div>
+        {translate(translations, 'newsletter_success_section', text.section)}
+        <p>{translate(translations, 'newsletter_success_footer', text.footer)}</p>
+      </div>
+    </Modal>
+  );
+};
 
 export default index;

package/src/components/organisms/form/form.module.scss

@@ -23,7 +23,7 @@
     padding: 2.4rem;
   }
 
-  h2 {
+  .title {
     font-size: 2.4rem;
     line-height: 3.2rem;
     font-weight: 700;

package/src/components/organisms/form/index.js

@@ -22,6 +22,7 @@ const FormComponent = ({
   customeSubmit = null,
   customError = false,
   path = '',
+  titleType = 'h2',
 }) => {
   const { translations } = useContext(Context) || {};
   const recaptchaRef = useRef();
@@ -107,10 +108,12 @@ const FormComponent = ({
   // form not specified on constant
   if (!Object.keys(formOptions).length) return;
 
+  const TitleTag = titleType || 'h2';
+
   return (
     <div className={`${styles.formComponent || ''} `}>
       {formOptions?.title && (
-        <h2>
+        <TitleTag className={styles.title}>
           {translate(
             translations,
             translations && translations[`${path}_${formOptions.title?.translationKey}`]
@@ -118,7 +121,7 @@ const FormComponent = ({
               : formOptions.title?.translationKey,
             formOptions.title?.label
           )}
-        </h2>
+        </TitleTag>
       )}
       {formOptions?.description && (
         <p>
@@ -227,5 +230,6 @@ FormComponent.propTypes = {
   customError: PropTypes.bool,
   customeSubmit: PropTypes.func,
   path: PropTypes.string,
+  titleType: PropTypes.string,
 };
 export default FormComponent;