gatsby-core-theme 32.0.5 → 32.0.6

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "32.0.5",
+  "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/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;