gatsby-core-theme 40.0.14 → 40.0.16

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [40.0.16](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v40.0.15...v40.0.16) (2024-10-28)
+
+
+### Bug Fixes
+
+* add translation ([ab4ae76](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/ab4ae7618dd5b7c143777b36edbde61496e66f72))
+* add translation for a range text ([46e0ecd](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/46e0ecda82a68c8dfd4c07675c5ff3b748b19b41))
+* column layout ([9582a92](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/9582a92b138b9cae84b30b79aa2389f487c4eec9))
+* update cookie banner ([9ba3a0d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/9ba3a0d72086c50ebdb9d67c431b936f5684bfb2))
+
+
+* Merge branch 'tm-4911-cookie-banner' into 'master' ([22880c0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/22880c00a53a223227746c62b39c42df5de0cd8d))
+* Merge branch 'slot-header-translation' into 'master' ([33f604d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/33f604d03b38b0b058018474265c2773b2a6f059))
+
+## [40.0.15](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v40.0.14...v40.0.15) (2024-10-25)
+
+
+### Bug Fixes
+
+* add validation ([af797b3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/af797b31ecaca038f2c5ee17d3f20f2c7efe07a1))
+
 ## [40.0.14](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v40.0.13...v40.0.14) (2024-10-25)
 
 

package/package.json

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

package/src/components/atoms/ratings/index.js

@@ -25,7 +25,11 @@ export default function Ratings({
     
   const ratings = operatorRatings[typeCheck] || [];
 
-  const rangeText = { 0: "Low", 1: "Medium", 2: "High" };
+  const rangeText = {
+    0: useTranslate("range_low", "Low"),
+    1: useTranslate("range_medium", "Medium"),
+    2: useTranslate("range_high", "High"),
+  };
 
   // (item?.bonus || item) for the games we don't have ratings in market
   const ratingsData = operatorRatings.ratingProperties.some(

package/src/components/molecules/content/content.module.scss

@@ -294,7 +294,7 @@ ul, ol{
 .column {
   gap: 4rem;
 
-  @include min(laptop){
+  @include min(tablet){
     display: grid;
   }
 }

package/src/components/organisms/cookie-consent/cookie-consent.module.scss

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 .cookieConsent {
   color: var(--cookie-consent-text-color);
   font-size: var(--cookie-consent-text-size);
@@ -53,7 +54,7 @@
         text-transform: capitalize;
         width: 100%;
         background: var(--cookie-consent-button);
-        color: var(--cookie-consent-button-color, white) !important;
+        color: var(--cookie-consent-button-color, white);
 
         &:first-child {
           color: var(--cookie-consent-first-button-color, #1b1b1c) !important;
@@ -147,4 +148,11 @@
 
 .show {
   display: block;
+}
+
+
+.rejectButton {
+  color: var(--cookie-consent-reject-button-color, #1b1b1c) !important;
+  background-color: var(--cookie-consent-reject-button-bg, white);
+  border: var(--cookie-consent-reject-button-border, 2px solid #262629);
 }

package/src/components/organisms/cookie-consent/index.js

@@ -11,11 +11,13 @@ import styles from './cookie-consent.module.scss';
 
 const CookieConsent = ({
   acceptText = 'Accept',
+  rejectText = 'Reject',
   settingsCookie,
   children,
   cookieName = 'CookieConsent',
   logo = '/images/logo.svg',
   icon = null,
+  showRejectButton=false
 }) => {
   const [showModal, setShowModal] = useState(false);
 
@@ -73,6 +75,16 @@ const CookieConsent = ({
                 {icon && icon}
               </button>
             )}
+            {showRejectButton && (
+              <button
+                onClick={() => handleDecline()}
+                className={`${styles.rejectButton} cookie-consent-gtm btn-cta`}
+                type="button"
+              >
+                {/* eslint-disable-next-line react/jsx-no-comment-textnodes, react-hooks/rules-of-hooks */}
+                {useTranslate("cookie_reject_button", rejectText)}
+              </button>
+            )}
             <button
               onClick={() => handleAccept()}
               className="cookie-consent-gtm btn-cta"
@@ -99,6 +111,8 @@ const CookieConsent = ({
 
 CookieConsent.propTypes = {
   acceptText: PropTypes.string,
+  rejectText: PropTypes.string,
+  showRejectButton: PropTypes.bool,
   settingsCookie: PropTypes.bool,
   cookieName: PropTypes.string,
   logo: PropTypes.string,

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

@@ -201,10 +201,10 @@ const FormComponent = ({
           )}
           {!customError && (state.success || state.failed || !state.isValid) && (
             <div className={styles.formAlerts || ''}>
-              {state.success && <div className={styles.alertSuccess || ''}>{successMessage}</div>}
-              {state.failed && <div className={styles.alertDanger || ''}>{failMessage}</div>}
+              {state.success && <div className={styles.alertSuccess || ''}>{useTranslate("success_message",successMessage)}</div>}
+              {state.failed && <div className={styles.alertDanger || ''}>{useTranslate('fail_message', failMessage)}</div>}
               {!state.isValid && (
-                <div className={styles.alertWarning || ''}>{validationMessage}</div>
+                <div className={styles.alertWarning || ''}>{useTranslate('validation_message',validationMessage)}</div>
               )}
             </div>
           )}

package/src/constants/admin-bar.js

@@ -31,21 +31,21 @@ export const menusConfig = (menuObj, footerSection, page, types) => [
             buttonText: "Edit as seen on",
             icon: <FiEye fontSize={20} />,
             type: "menu",
-            data: footerSection?.as_seen_on.id,
+            data: footerSection?.as_seen_on?.id,
             description: "Change the items within the ‘As seen on’ section.",
           },
           {
             buttonText: "Edit footer links",
             icon: <IoLink fontSize={20}/>,
             type: "menu",
-            data: footerSection?.links.id,
+            data: footerSection?.links?.id,
             description: "Change the URL and labels within the footer menu.",
           },
           {
             buttonText: "Edit Social icons",
             icon: <RiInstagramLine fontSize={20} />,
             type: "menu",
-            data: footerSection?.social_icons.id,
+            data: footerSection?.social_icons?.id,
             description: "Add or replace social media links.",
           },
         ],