gatsby-core-theme 41.1.36 → 41.1.37

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [41.1.37](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.36...v41.1.37) (2025-01-31)
+
+
+### Bug Fixes
+
+* fix proptype errors, and useTranslation conditionals ([63f5eb7](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/63f5eb78f0436543fb2f3098ede27b14e457488b))
+* ratings and cta proptype errors ([5a80243](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/5a802436cbc8cac0692b363d3fb0f185a04a434f))
+
+
+### Code Refactoring
+
+* add currency logos for crypto theme ([554f30b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/554f30b3aa1e2c927a41fff4ba340c28f5c3f2af))
+
+
+* Merge branch 'crypto-currencies' into 'master' ([c5eaec5](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/c5eaec52e39a4268c03ffbbd750d59ec6a7c5617))
+* Merge branch 'fix-proptype-errors' into 'master' ([f5f10ea](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/f5f10ea2ab14538fb3ef5e2fb2768d7b99033e90))
+
+
+### Tests
+
+* fix test ([8bd29f6](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8bd29f6d8256d9272955dd4085a251bed4a9760f))
+
 ## [41.1.36](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.35...v41.1.36) (2025-01-30)
 
 

package/package.json

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

package/src/components/atoms/author-box/template-one/fact-check/index.js

@@ -14,7 +14,7 @@ export default function FactCheck({
   date = '',
   dateFormat = 'DD.MM.YYYY',
   dateSeparator = '/',
-  readingTime = '',
+  readingTime,
   reviewer,
   verifiedIconWidth = 14,
   verifiedIconHeight = 14,

package/src/components/atoms/author-box/template-one/index.js

@@ -5,7 +5,7 @@ import AuthorDetails from '../details';
 import AuthorDescription from '../description';
 import FactCheck from './fact-check';
 
-export default function AuthorBox({ author, reviewer, readingTime = '', date = '' }) {
+export default function AuthorBox({ author, reviewer, readingTime, date = '' }) {
   return (
     <div className={styles.container || ''} id="authorbox">
       <AuthorDetails author={author} />

package/src/components/atoms/author-box/template-three/fact-check/index.js

@@ -14,7 +14,7 @@ export default function FactCheck({
   date = '',
   dateFormat = 'DD.MM.YYYY',
   dateSeparator = '/',
-  readingTime = '',
+  readingTime,
   reviewer,
   verifiedIconWidth = 14,
   verifiedIconHeight = 14,

package/src/components/atoms/author-box/template-three/index.js

@@ -6,7 +6,7 @@ import AuthorDescription from '../description';
 import FactCheck from './fact-check';
 import Expertion from './expertion';
 
-export default function AuthorBox({ author, reviewer, readingTime = '', date = '' }) {
+export default function AuthorBox({ author, reviewer, readingTime, date = '' }) {
   return (
     <div className={styles.container || ''} id="authorbox">
       {author?.ribbon_label && <div className={styles.ribbon || ''}>{author?.ribbon_label}</div>}

package/src/components/atoms/author-box/template-two/fact-check/index.js

@@ -13,7 +13,7 @@ export default function FactCheck({
   date = '',
   dateFormat = 'DD.MM.YYYY',
   dateSeparator = '/',
-  readingTime = '',
+  readingTime,
   reviewer,
   verifiedIconWidth = 14,
   verifiedIconHeight = 14,

package/src/components/atoms/author-box/template-two/index.js

@@ -5,7 +5,7 @@ import AuthorDetails from '../details';
 import AuthorDescription from '../description';
 import FactCheck from './fact-check';
 
-export default function AuthorBox({ author, reviewer = {}, readingTime = '', date = '' }) {
+export default function AuthorBox({ author, reviewer = {}, readingTime, date = '' }) {
   return (
     <div className={styles.container || ''} id="authorbox">
       <AuthorDetails template="templateTwo" ribbon author={author} extraInfo />

package/src/components/atoms/button/operator-cta.js

@@ -128,7 +128,6 @@ OperatorCtaButton.propTypes = {
   operator: PropTypes.shape({
     name: PropTypes.string,
     status: PropTypes.string,
-    links: PropTypes.string
   }),
   titleSuffix: PropTypes.string,
   gtmClass: PropTypes.string,

package/src/components/atoms/footer/as-seen-on/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import LinkList from '../../../molecules/link-list';
 import styles from './as-seen-on.module.scss';
 
-const AsSeenOn = ({ asSeenOn, template, width = '130', height = '36' }) => (
+const AsSeenOn = ({ asSeenOn, template, width = 130, height = 36 }) => (
   <div
     className={`${styles?.asSeenOn || ''} ${
       template && styles[template] ? styles[template] || '' : ''
@@ -27,6 +27,6 @@ export default AsSeenOn;
 AsSeenOn.propTypes = {
   asSeenOn: PropTypes.shape({}),
   template: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/atoms/header-operator-bannner/index.js

@@ -16,8 +16,8 @@ const HeaderOperatorBaner = ({
   template,
   moduleName = TrackingKeys?.OPERATORBANNER,
   clickedElement = 'header_operator_banner',
-  width = '64',
-  height = '64',
+  width = 64,
+  height = 64,
   modulePosition,
   itemPosition
 }) => {
@@ -100,8 +100,8 @@ HeaderOperatorBaner.propTypes = {
   buttonSize: PropTypes.string,
   moduleName: PropTypes.string,
   clickedElement: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number
 }

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

@@ -5,7 +5,7 @@ import LazyImage from '~hooks/lazy-image';
 import { imagePrettyUrl } from '~helpers/getters';
 import styles from './image.module.scss';
 
-const Image = ({ module = {}, width = '912', height = '333' }) => {
+const Image = ({ module = {}, width = 912, height = 333 }) => {
   const { title, value, alt = 'missing alt', alignment } = module;
 
   if (!value) return <></>;
@@ -29,8 +29,8 @@ Image.propTypes = {
     alt: PropTypes.string,
     alignment: PropTypes.string,
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };
 
 export default Image;

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

@@ -106,6 +106,6 @@ Ratings.propTypes = {
     type: PropTypes.string,
   }),
   type: PropTypes.string,
-  numOfStars: PropTypes.string,
+  numOfStars: PropTypes.number,
   currency: PropTypes.string,
 };

package/src/components/atoms/search/autocomplete/operator.js

@@ -6,7 +6,7 @@ import { imagePrettyUrl } from '~helpers/getters';
 import OperatorCta from '~atoms/button/operator-cta';
 import styles from './operator.module.scss';
 
-const Operator = ({ item = {}, width = '56', height = '56' }) => {
+const Operator = ({ item = {}, width = 56, height = 56 }) => {
   const { relation } = item;
   const img = relation?.logo?.filename;
 
@@ -31,8 +31,8 @@ Operator.propTypes = {
       logo: PropTypes.shape({}),
     }),
   }).isRequired,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };
 
 export default Operator;

package/src/components/molecules/bonus/template-one/index.js

@@ -17,8 +17,8 @@ export default function Bonus({
   moduleName = TrackingKeys?.BONUS,
   module = {},
   tncFixed = false,
-  width = "120",
-  height = "120",
+  width = 120,
+  height = 120,
   showRoundedRating = false,
   showRatingLabel = false,
   showLabelMiddle = false,
@@ -107,8 +107,8 @@ Bonus.propTypes = {
     type: PropTypes.string,
     name: PropTypes.string,
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   showRoundedRating: PropTypes.bool,
   showRatingLabel: PropTypes.bool,
   showLabelMiddle: PropTypes.bool,

package/src/components/molecules/bonus/template-two/index.js

@@ -25,8 +25,8 @@ export default function TemplateOne({
   closedBanner,
   setClosedBanner,
   showRoundedRating = false,
-  width = "120",
-  height = "120",
+  width = 120,
+  height = 120,
   showRatingLabel = false,
   showLabelMiddle = false,
   ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />
@@ -141,8 +141,8 @@ TemplateOne.propTypes = {
     name: PropTypes.string,
   }),
   moduleName: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,  
+  width: PropTypes.number,
+  height: PropTypes.number,  
   showRatingLabel: PropTypes.bool,
   showLabelMiddle: PropTypes.bool,
   ctaIcon: PropTypes.elementType,

package/src/components/molecules/header/variants/default/template-one/index.js

@@ -14,8 +14,8 @@ export default function TemplateOne({
   description,
   extraFields,
   imageObj,
-  width = '356',
-  height = '343',
+  width = 356,
+  height = 343,
   buttonType="secondary",
   buttonSize="m",
   hasVariableComponent = false,
@@ -73,8 +73,8 @@ TemplateOne.propTypes = {
   extraFields: PropTypes.shape({
     link: PropTypes.string,
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   hasVariableComponent: PropTypes.bool,
   buttonType: PropTypes.string,
   buttonSize: PropTypes.string,

package/src/components/molecules/header/variants/operator/template-one-two/index.js

@@ -26,8 +26,8 @@ const TemplateOneTwo = ({
   moduleName = TrackingKeys?.HEADEROPERATOR,
   template = 'template_one',
   showRoundedRating = false,
-  width = '179',
-  height = '179',
+  width = 179,
+  height = 179,
 }) => {
   const ribbon = relation.ribbons?.length > 0 ? relation.ribbons[0] : null;
 
@@ -129,8 +129,8 @@ TemplateOneTwo.propTypes = {
   template: PropTypes.string,
   icon: PropTypes.node,
   showRoundedRating: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   moduleName: PropTypes.string,
 };
 

package/src/components/molecules/header/variants/slot/template-one/index.js

@@ -14,8 +14,8 @@ export default function SlotHeader({
   moduleName = TrackingKeys?.HEADERSLOTS,
   image = <Verify />,
   showExtraRatings = false,
-  width = '170',
-  height = '170',
+  width = 170,
+  height = 170,
 }) {
   const imageObject = page.relation?.logo;
 
@@ -103,6 +103,6 @@ SlotHeader.propTypes = {
   image: PropTypes.element,
   showExtraRatings: PropTypes.bool,
   moduleName: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image/template-one/index.js

@@ -6,8 +6,9 @@ import { getAltText, imagePrettyUrl } from '../../../../../helpers/getters.mjs';
 import styles from './template-one.module.scss';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 
-export default function TemplateOne({ module, width = '295', height = '260' }) {
+export default function TemplateOne({ module, width = 295, height = 260 }) {
   const { items } = module;
+    const btnText = useTranslate('link_text_spotlights', 'Top Online Casinos');
 
   const content = (res) => (
     <>
@@ -20,7 +21,7 @@ export default function TemplateOne({ module, width = '295', height = '260' }) {
         />
       )}
       {/* Need to talk to add this field on hercules */}
-      <p>{res?.link_text || useTranslate('link_text_spotlights', 'Top Online Casinos')}</p>
+      <p>{res?.link_text || btnText}</p>
       {res.subtitle && <span>{res.subtitle}</span>}
     </>
   );
@@ -43,8 +44,8 @@ export default function TemplateOne({ module, width = '295', height = '260' }) {
 
 TemplateOne.propTypes = {
   module: PropTypes.shape({
-    items: PropTypes.shape({}),
+    items: PropTypes.shape([]),
   }).isRequired,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image/template-two/index.js

@@ -7,8 +7,9 @@ import { getAltText, imagePrettyUrl } from '../../../../../helpers/getters.mjs';
 import styles from './template-two.module.scss';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 
-export default function TemplateOne({ module, width = '340', height = '268' }) {
+export default function TemplateOne({ module, width = 340, height = 268 }) {
   const { items } = module;
+  const btnText = useTranslate('link_text_spotlights', 'Top Online Casinos');
   const content = (res) => (
     <>
       {res?.image && (
@@ -20,7 +21,7 @@ export default function TemplateOne({ module, width = '340', height = '268' }) {
         />
       )}
       <p>
-        {res?.link_text || useTranslate('link_text_spotlights', 'Top Online Casinos')}{' '}
+        {res?.link_text || btnText}{' '}
         {res.link?.value && <FaArrowRight size={20} color="#fff" />}
       </p>
       {res.subtitle && <span>{res.subtitle}</span>}
@@ -49,6 +50,6 @@ TemplateOne.propTypes = {
   module: PropTypes.shape({
     items: PropTypes.shape({}),
   }).isRequired,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image-text/template-one/index.js

@@ -12,10 +12,11 @@ export default function TemplateOne({
   scrollableContent = false,
   buttonType = 'secondary',
   buttonSize = 'm',
-  width = '300',
-  height = '176',
+  width = 300,
+  height = 176,
 }) {
   const { items } = module;
+  const btnText = useTranslate('read_review_spotlight', 'Read review');
 
   return (
     <div className={styles?.spotlightsImage || ''}>
@@ -54,7 +55,7 @@ export default function TemplateOne({
                   isInternalLink={res?.link?.type !== 'external'}
                   targetBlank={res?.link?.type !== 'page'}
                   to={res?.link?.value}
-                  btnText={res?.link_text || useTranslate('read_review_spotlight', 'Read review')}
+                  btnText={res?.link_text || btnText}
                 />
               )}
             </div>
@@ -72,6 +73,6 @@ TemplateOne.propTypes = {
   scrollableContent: PropTypes.bool,
   buttonType: PropTypes.string,
   buttonSize: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image-text/template-three/index.js

@@ -11,8 +11,8 @@ export default function TemplateOne({
   characterMaxReadMore = 600,
   buttonType = 'secondary',
   buttonSize = 'm',
-  width = '104',
-  height = '104',
+  width = 104,
+  height = 104,
 }) {
   const { items } = module;
   return (
@@ -50,6 +50,6 @@ TemplateOne.propTypes = {
   characterMaxReadMore: PropTypes.number,
   buttonType: PropTypes.string,
   buttonSize: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image-text/template-three/item/index.js

@@ -17,11 +17,14 @@ export default function TemplateOne({
   scrollableContent = false,
   buttonType = 'secondary',
   buttonSize = 'm',
-  width = '104',
-  height = '104',
+  width = 104,
+  height = 104,
 }) {
   const [showMore, setShowMore] = useState(false);
   const TitleTag = item?.title_tag || 'label';
+  const btnText = useTranslate('read_review_spotlight', 'Read review');
+  const readMoreText = useTranslate('read_more', 'Read more');
+  const readLessText = useTranslate('read_less', 'Read less');
 
   return (
     <div className={styles.item}>
@@ -49,12 +52,12 @@ export default function TemplateOne({
           <span onClick={() => setShowMore(!showMore)} className={styles.readMoreBtn}>
             {!showMore ? (
               <>
-                {useTranslate('read_more', 'Read more')}
+                {readMoreText}
                 <FaPlus size={16} />
               </>
             ) : (
               <>
-                {useTranslate('read_less', 'Read less')}
+                {readLessText}
                 <FaMinus size={16} />
               </>
             )}
@@ -70,7 +73,7 @@ export default function TemplateOne({
           isInternalLink={item?.link?.type !== 'external'}
           targetBlank={item?.link?.type !== 'page'}
           to={item?.link?.value}
-          btnText={item?.link_text || useTranslate('read_review_spotlight', 'Read review')}
+          btnText={item?.link_text || btnText}
         />
       )}
     </div>
@@ -96,6 +99,6 @@ TemplateOne.propTypes = {
   scrollableContent: PropTypes.bool,
   buttonType: PropTypes.string,
   buttonSize: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/spotlights_v2/image-text/template-two/index.js

@@ -13,10 +13,11 @@ export default function TemplateOne({
   buttonType = 'secondary',
   buttonSize = 'm',
   titleType = 'label',
-  width = '104',
-  height = '104',
+  width = 104,
+  height = 104,
 }) {
   const { items } = module;
+    const btnText = useTranslate('read_review_spotlight', 'Read review');
 
   return (
     <div className={styles?.spotlightsImage || ''}>
@@ -54,7 +55,7 @@ export default function TemplateOne({
                   isInternalLink={res?.link?.type !== 'external'}
                   targetBlank={res?.link?.type !== 'page'}
                   to={res?.link?.value}
-                  btnText={res?.link_text || useTranslate('read_review_spotlight', 'Read review')}
+                  btnText={res?.link_text || btnText}
                 />
               )}
             </div>
@@ -73,6 +74,6 @@ TemplateOne.propTypes = {
   buttonType: PropTypes.string,
   buttonSize: PropTypes.string,
   titleType: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/molecules/toplist/default-row/index.js

@@ -24,8 +24,8 @@ const Row = ({
   className,
   nofollow = false,
   moduleName = TrackingKeys?.TOPLIST,
-  width = '100',
-  height = '100',
+  width = 100,
+  height = 100,
   modulePosition,
   itemPosition
 }) => {
@@ -114,8 +114,8 @@ Row.propTypes = {
     bonus: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
   }).isRequired,
   pageTemplate: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string
+  width: PropTypes.number,
+  height: PropTypes.number
 }
 
 export default Row

package/src/components/organisms/accordion/variants/template-two/index.js

@@ -9,7 +9,7 @@ import Link from '~hooks/link';
 import LazyImage from '~hooks/lazy-image';
 import { imagePrettyUrl } from '~helpers/getters';
 
-const TemplateTwo = ({ module, author, width = '36', height = '36' }) => {
+const TemplateTwo = ({ module, author, width = 36, height = 36 }) => {
   const { items } = module;
   const usernames = [
     'mindbrew94',
@@ -132,8 +132,8 @@ TemplateTwo.propTypes = {
     profile_page_path: PropTypes.string,
     name: PropTypes.string,
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };
 
 export default TemplateTwo;

package/src/components/pages/tracker/index-ssr.js

@@ -26,8 +26,8 @@ const Tracker = ({
   operatorLogo = false,
   operatorLogoWidth = 80,
   operatorLogoHeight = 80,
-  siteLogoWidth = '100',
-  siteLogoHeight = '100',
+  siteLogoWidth = 100,
+  siteLogoHeight = 100,
   serverData,
 }) => {
   const { operator, page } = pageContext;
@@ -151,8 +151,10 @@ Tracker.propTypes = {
   redirectTimer: PropTypes.number,
   isStory: PropTypes.bool,
   operatorLogo: PropTypes.bool,
-  operatorLogoWidth: PropTypes.string,
-  operatorLogoHeight: PropTypes.string,
+  operatorLogoWidth: PropTypes.number,
+  operatorLogoHeight: PropTypes.number,
+  siteLogoWidth: PropTypes.number,
+  siteLogoHeight: PropTypes.number,
   pageContext: PropTypes.shape({
     operator: PropTypes.shape({
       bonus: PropTypes.shape({

package/src/helpers/processor/relations.mjs

@@ -84,7 +84,7 @@ export const processCurrencies = (ids, currencies) =>
         pick(
           {
             ...currencies[id],
-            logo: currencies[id].standardised_logo_filename_object,
+            logo: currencies[id].standardised_logo,
           },
           pickRelationKeys.currency
         )

package/src/helpers/processor/relations.test.js

@@ -86,8 +86,8 @@ describe('Processor Relations', () => {
   test('processCurrencies maps currencies with logos', () => {
     const ids = [1, 2];
     const currencies = {
-      1: { id: 1, name: 'USD', standardised_logo_filename_object: 'usd_logo.svg' },
-      2: { id: 2, name: 'EUR', standardised_logo_filename_object: 'eur_logo.svg' },
+      1: { id: 1, name: 'USD', standardised_logo: 'usd_logo.svg' },
+      2: { id: 2, name: 'EUR', standardised_logo: 'eur_logo.svg' },
     };
     const expected = [
       { id: 1, name: 'USD', logo: 'usd_logo.svg' },