gatsby-matrix-theme 19.0.2 → 19.0.3

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [19.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v19.0.2...v19.0.3) (2023-04-12)
+
+
+### Bug Fixes
+
+* added author link as optional ([3e4ef4d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3e4ef4d2b4e3a814c47e88c250eb5829eb259fca))
+
+
+### Code Refactoring
+
+* update mobile device detect import and implementation ([08218c5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/08218c5f4f489c665645f9771aa70e3b5ead4d5b))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([be5c739](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/be5c739cbf2a15f3c3884d175712849efc89a550))
+* Merge branch 'tm-3348-remove-is-mobile-func' into 'master' ([edbceb8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/edbceb8d75b78469cce114092bc91bf86aa1e201))
+
 ## [19.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v19.0.1...v19.0.2) (2023-04-12)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "19.0.2",
+  "version": "19.0.3",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/atoms/cards/article-card/template-one/index.js

@@ -11,6 +11,7 @@ import styles from './article-card.module.scss';
 
 const ArticleCard = ({
   showAuthorOnOneLine = false,
+  showAuthorAsLink = false,
   item,
   width = 360,
   height = 240,
@@ -57,9 +58,13 @@ const ArticleCard = ({
                   <span>{translate(translations, 'by', 'By')}</span>
                 </p>
               )}
-              <Link to={author?.profile_page_path} title={author?.name}>
-                {author?.name}
-              </Link>
+              {showAuthorAsLink ? (
+                <Link to={author?.profile_page_path} title={author?.name}>
+                  {author?.name}
+                </Link>
+              ) : (
+                <span>{author?.name}</span>
+              )}
               {showDate && <span className={styles.noLink}>{formatedDate}</span>}
             </div>
           </div>
@@ -87,6 +92,7 @@ ArticleCard.propTypes = {
   height: PropTypes.number,
   showAuthorOnOneLine: PropTypes.bool,
   showDate: PropTypes.bool,
+  showAuthorAsLink: PropTypes.bool,
 };
 
 export default ArticleCard;

package/src/components/molecules/operator-exclusive/index.js

@@ -2,7 +2,7 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable no-nested-ternary */
 /* eslint-disable import/no-extraneous-dependencies */
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import Link from 'gatsby-core-theme/src/hooks/link';
@@ -13,7 +13,6 @@ import { imagePrettyUrl, translate, getAltText } from '~helpers/getters';
 import styles from './oeprator-exlusive.module.scss';
 
 const Banner = ({ bonus, template }) => {
-  const [showTracker, setShowTracker] = useState('');
   const { value, module_title } = bonus;
   const [, reviewPath] = value.review_link.split('.co.za/');
   const splitBy = module_title?.includes('OR') ? 'OR' : module_title?.includes('+') ? '+' : '&';
@@ -22,16 +21,7 @@ const Banner = ({ bonus, template }) => {
     : bonus?.value?.one_liners?.main?.one_liner.split('+');
   const { translations } = useContext(Context) || {};
   const imageObject = value?.standardised_logo_url_object || value?.logo_url_object;
-
-  const isMobile = isMobileDevice();
-
-  useEffect(() => {
-    if (isMobile) {
-      setShowTracker('mobbanner');
-    } else {
-      setShowTracker('banner');
-    }
-  }, [isMobile]);
+  const tracker = isMobileDevice() ? 'mobbanner' : 'banner';
 
   return (
     <div className={`${styles.wrapper}`}>
@@ -68,7 +58,7 @@ const Banner = ({ bonus, template }) => {
                 inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
                 blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
               }}
-              tracker={showTracker}
+              tracker={tracker}
               gtmClass="banner-operator-cta-gtm"
               pageTemplate={template}
             />

package/src/components/molecules/small-welcome-bonus/index.js

@@ -12,7 +12,7 @@ import {
 } from 'gatsby-core-theme/src/helpers/getters';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
-import { isMobileDevice } from '../../../helpers/mobile-detect';
+import { isMobileDevice } from 'gatsby-core-theme/src/helpers/device-detect';
 
 import styles from './small-welcome-bonus.module.scss';
 
@@ -20,12 +20,11 @@ const Index = ({ page }) => {
   const operator = page?.extra_fields?.game_review_summary_operator;
   const { logo_url, status } = operator;
   const { translations } = useContext(Context) || {};
-  const isMobile = isMobileDevice();
   const prettyLink = prettyTracker(operator, 'main', false, page.template);
   let playNow = translate(translations, 'play_now', 'Play now');
   const bonus = getBonus('main', operator);
   const logUrlObject = operator?.logo_url_object;
-  if (isMobile) {
+  if (isMobileDevice()) {
     playNow = `> ${translate(translations, 'play_for_real_at', 'Play for real at')} @ ${
       operator.name
     }`;

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

@@ -11,10 +11,10 @@ import PropTypes from 'prop-types';
 import { MdClose } from '@react-icons/all-files/md/MdClose';
 import { translate } from 'gatsby-core-theme/src/helpers/getters';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
+import { isMobileDevice } from 'gatsby-core-theme/src/helpers/device-detect';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import PopupCard from '../../atoms/cards/popup-card';
 import { setIdleTimeout } from '../../../helpers/popup';
-import { isMobileDevice } from '../../../helpers/mobile-detect';
 import months from '../../../constants/months';
 
 import styles from './popup.module.scss';

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

@@ -10,7 +10,6 @@ import Slide from '../../../../components/molecules/carousel/screenshot-slide';
 import styles from './carousel.module.scss';
 
 const Carousel = ({ page = {}, module = {}, settings = {}, gtmClass = '' }) => {
-  const isMobile = isMobileDevice();
   // render one item per slide
   const renderOne = (items) => {
     const arr = [];
@@ -53,7 +52,7 @@ const Carousel = ({ page = {}, module = {}, settings = {}, gtmClass = '' }) => {
     return arr;
   };
 
-  const renderedItems = isMobile ? renderOne(module.items) : renderTwo(module.items);
+  const renderedItems = isMobileDevice() ? renderOne(module.items) : renderTwo(module.items);
 
   return (
     <div className={styles.carouselContainer}>