gatsby-matrix-theme 34.0.1 → 34.0.3

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [34.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.2...v34.0.3) (2023-09-29)
+
+
+### Bug Fixes
+
+* preconnect link for cdn ([41eacc3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/41eacc3274a255f194a851fe771bcb42a0f87c2f))
+* removed lazyload package ([3079270](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/30792707a9ed764094bf0108c85b8e87d7208bca))
+
+
+* Merge branch 'perf_testing' into 'master' ([1bcdd27](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1bcdd276167067fe83b48caca78fcd2032d21e51))
+
+## [34.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.1...v34.0.2) (2023-09-28)
+
+
+### Bug Fixes
+
+* remove log ([a70457f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a70457fa30d7462260c893bc00ff9e9c68e663a0))
+
+
+### Config
+
+* update theme ([ac35305](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ac35305ed3e037ef3a5b7b3baa58690ec94cb5c1))
+
 ## [34.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.0...v34.0.1) (2023-09-27)
 
 

package/gatsby-config.js

@@ -1,6 +1,7 @@
 const activeEnv = process.env.GATSBY_ACTIVE_ENV || 'development';
 const siteMapExcludes = process.env.SITEMAP_EXCLUDE.split(',') || [];
 const { getSitemap } = require('./src/helpers/sitemap');
+const { getDomain } = require('./src/helpers/common');
 
 // eslint-disable-next-line import/no-extraneous-dependencies
 require('dotenv').config({
@@ -16,7 +17,7 @@ module.exports = {
       resolve: `gatsby-core-theme`,
       options: {
         siteName: process.env.GATSBY_SITE_NAME,
-        preconnectLinks: [process.env.IMAGE_CDN_URL],
+        preconnectLinks: [getDomain(process.env.IMAGE_CDN_URL)],
       },
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "34.0.1",
+  "version": "34.0.3",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "30.0.2",
+    "gatsby-core-theme": "30.0.3",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/atoms/footer/license/index.js

@@ -26,11 +26,10 @@ const FooterLicense = ({
           width={imgWidth || 182}
           height={imgHeight || 48}
           src={logo}
-          disableLazyLoad
         />
       </div>
       <div className={styles?.security || ''}>
-        <LazyImage alt="Security icon" width="26" height="20" src={securityIcon} disableLazyLoad />
+        <LazyImage alt="Security icon" width="26" height="20" src={securityIcon} />
         <span className={styles?.securityText || ''}>
           {translate(translations, 'licensed_casinos', 'We only list licensed casinos')}
         </span>
@@ -44,7 +43,6 @@ const FooterLicense = ({
             imageOnly
             lists={socialIcons}
             gtmClass="mobile-menu-gtm logo-cta"
-            disableLazyLoad
           />
         </div>
       )}

package/src/components/organisms/footer-navigation/index.js

@@ -43,7 +43,6 @@ const FooterNavigation = ({ section, isStorybook = false }) => {
         showListTitle={false}
         singleList
         lists={menuArray}
-        disableLazyLoad
         width={48}
         height={48}
         gtmClass="mobile-menu-gtm"

package/src/gatsby-core-theme/components/molecules/header/index.js

@@ -87,7 +87,6 @@ export const relationContent = (section, numOfStarsRating) => {
         extraFields: section?.page?.extra_fields || {},
         numOfStars: numOfStarsRating,
       };
-      console.log({ sectionOp: section });
       switch (section?.page?.page_styles?.short_name) {
         case 'template_three': {
           ModuleComponent = loadable(() =>

package/src/gatsby-core-theme/components/organisms/toplist/list/index.js

@@ -4,7 +4,6 @@
 import React, { useRef, useContext } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
-import { forceCheck } from 'react-lazyload';
 import { translate } from 'gatsby-core-theme/src/helpers/getters';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import keygen from '~helpers/keygen';
@@ -50,7 +49,6 @@ export default function List({
       nextItem > elRefs.current.length ? elRefs.current.length + 1 : displayed + loadingItems;
 
     elRefs.current.slice(displayed, lastItem).forEach((item) => item.classList.toggle(styles.show));
-    forceCheck();
 
     if (loadingItems + displayed >= elRefs.current.length) {
       loadMoreBtn.current.classList.toggle(styles.hide);

package/src/gatsby-core-theme/hooks/tabs/index.js

@@ -28,7 +28,6 @@ const Tabs = ({
     (module?.title || module?.module_title) &&
     loadable(() => import('./title'));
   const TabList = children.length > 1 && loadable(() => import('./tab/tab-list'));
-  const { forceCheck } = TabList && loadable(() => import('react-lazyload'));
   const ModuleIntro = module.module_introduction && loadable(() => import('~molecules/content'));
   const tabHeaderClass = `${styles?.tabsHeader} ${!HeaderComp ? styles?.tabsOnly || '' : ''} ${
     styles[headerClass] || ''
@@ -55,7 +54,6 @@ const Tabs = ({
               title={module.title}
               onClick={(tabId) => {
                 setActiveTab(tabId);
-                setTimeout(forceCheck);
               }}
               items={children}
               activeTab={activeTab}

package/src/helpers/common.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/prefer-default-export
-export function getRecommendedToplist(marketSections) {
+const getRecommendedToplist = (marketSections) => {
   if (marketSections.recommended_casinos && marketSections.recommended_casinos.modules) {
     if (
       marketSections.recommended_casinos.modules.length > 0 &&
@@ -10,4 +10,11 @@ export function getRecommendedToplist(marketSections) {
   }
 
   return null;
-}
+};
+
+const getDomain = (url) => {
+  const matches = url.split('/');
+  return matches.length >= 2 ? `${matches[0]}//${matches[2]}` : url;
+};
+
+module.exports = { getDomain, getRecommendedToplist };