gatsby-core-theme 32.0.3 → 32.0.5

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [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)
+
+
+### Code Refactoring
+
+* changes to newsletter ([eeb67ce](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/eeb67ceca6fc4fea273d3c73e36af4e817ac52ab))
+
+
+* Merge branch 'tm-4397-newsletter' into 'master' ([1d9353d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1d9353ddc255164bc2c86a8e740c96a23c85ce29))
+
 ## [32.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v32.0.2...v32.0.3) (2024-05-30)
 
 

package/package.json

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

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

@@ -15,6 +15,7 @@ const NewsletterForm = ({
   setErr,
   path,
   country,
+  showLabels = true,
 }) => {
   const [ip, setIP] = useState('');
   const [error, setError] = useState(false);
@@ -89,6 +90,7 @@ const NewsletterForm = ({
       customError
       buttonLabel={submitText}
       path={path}
+      showLabels={showLabels}
     />
   );
 };
@@ -100,6 +102,7 @@ NewsletterForm.propTypes = {
   setErr: PropTypes.bool,
   path: PropTypes.string,
   country: PropTypes.string,
+  showLabels: PropTypes.bool,
 };
 
 export default NewsletterForm;

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

@@ -7,7 +7,12 @@ import Button from './toggle-button/index';
 import NewsletterForm from './form/index';
 import styles from './newsletter.module.scss';
 
-const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', isSticky = false }) => {
+const Newsletter = ({
+  page,
+  openBtnText = 'Unlock Bonuses',
+  isSticky = false,
+  showLabels = true,
+}) => {
   const [toggleNewsetter, setToggleNewsletter] = useState(false);
   const [isClicked, setIsClicked] = useState(false);
   const country = page?.market?.split('_')[0].toUpperCase();
@@ -53,6 +58,7 @@ const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', isSticky = false })
             market={page?.market}
             path={page?.path}
             redirectUrl={redirectUrl}
+            showLabels={showLabels}
           />
           {isSticky && (
             <MdClose
@@ -76,6 +82,7 @@ Newsletter.propTypes = {
     market: PropTypes.string,
   }),
   isSticky: PropTypes.bool,
+  showLabels: PropTypes.bool,
 };
 
 export default Newsletter;

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

@@ -21,6 +21,16 @@ export default {
       defaultValue: null,
       description: 'The page object.',
     },
+    showLabels: {
+      name: 'showLabels',
+      type: { name: 'boolean', required: false },
+      defaultValue: true,
+      description: 'Show form field labels',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: true },
+      },
+    },
   },
   parameters: {
     docs: {

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;