gatsby-core-theme 32.0.4 → 32.0.5

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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.5",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

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;