gatsby-matrix-theme 7.1.62 → 7.1.63

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [7.1.63](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.62...v7.1.63) (2022-09-29)
+
+
+### Bug Fixes
+
+* add new props for show rating and update theme ([ae05db1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ae05db14d8a2bb5d613c2ea72623b3d4d58312e6))
+* show see more ([970f745](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/970f74500de0b8850032ad47b5b5418a12899a36))
+* validate data ([5d4d31c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5d4d31c3f6e2af6f87782b56da340efaa2863de5))
+
+
+### Code Refactoring
+
+* correction to page title for feedback component ([0e56912](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0e569129803a8deed0e5351e1828dd860e515bb6))
+* correction to typo and fix feedback title operator name ([7d4c06f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7d4c06fe26cc3c8e66a04592965a41a861e2154b))
+
+
+* Merge branch 'tm-3004-cards' into 'master' ([87b0192](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/87b019285cdf05310dc9850983963e225f3d3cf2))
+* Merge branch 'tm-3060-feedback-title' into 'master' ([8e9d8df](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8e9d8dfe8006006eb63db78489116e4f9af56c72))
+
 ## [7.1.62](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.61...v7.1.62) (2022-09-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "7.1.62",
+  "version": "7.1.63",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "11.0.9",
+    "gatsby-core-theme": "12.0.1",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/payment-method-card/index.js

@@ -1,5 +1,7 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import {
@@ -14,11 +16,20 @@ import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
 import BaseCard from '../base-card/index';
 import styles from './payment-method-card.module.scss';
 
-const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, height }) => {
+const PaymentMethodCard = ({
+  item,
+  showTitle = true,
+  showDesc = true,
+  width,
+  height,
+  showRating = false,
+}) => {
   const { title, path, relation, sections } = item;
   const logUrlObject = relation?.logo_object;
   const { translations } = useContext(Context) || {};
-
+  const StarRating =
+    showRating &&
+    loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'));
   return (
     <BaseCard item={item} cardType="payment_method">
       <div className={styles.content}>
@@ -39,6 +50,9 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, hei
           {showTitle && (
             <Link className={`${styles.links} payment-method-card-gtm`} to={path}>
               <span className={styles.title}>{title}</span>
+              {showRating && (
+                <StarRating numOfStars={5} halfStars={false} rating={relation.rating} />
+              )}
             </Link>
           )}
         </div>
@@ -73,6 +87,7 @@ PaymentMethodCard.propTypes = {
       logo_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
+      rating: PropTypes.string,
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({
@@ -84,6 +99,7 @@ PaymentMethodCard.propTypes = {
   }).isRequired,
   width: PropTypes.number,
   height: PropTypes.number,
+  showRating: PropTypes.bool,
 };
 
 export default PaymentMethodCard;

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

@@ -8,7 +8,7 @@ import { BiDislike } from '@react-icons/all-files/bi/BiDislike';
 
 import styles from './feedback.module.scss';
 
-const FeetBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/contact-us' }) => {
+const FeedBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/contact-us' }) => {
   const { translations } = useContext(Context) || {};
   const [voted, setVote] = useState(null);
   const [error, setError] = useState(null);
@@ -118,7 +118,7 @@ const FeetBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/co
   );
 };
 
-FeetBack.propTypes = {
+FeedBack.propTypes = {
   pageId: PropTypes.number,
   casinoTitle: PropTypes.string,
   trueVotes: PropTypes.number,
@@ -126,4 +126,4 @@ FeetBack.propTypes = {
   contactUs: PropTypes.string,
 };
 
-export default FeetBack;
+export default FeedBack;

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -80,9 +80,11 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
 
   const template = pageContext && pageContext?.page?.template;
   const type = pageContext && pageContext?.page?.type;
+  const seeMore = module?.see_more_link;
+
   return module.module_title ||
     (module.title && (module.name === 'cards' || module.name === 'top_list')) ? (
-    module.link_label ? (
+    seeMore ? (
       <div
         className={`${styles.moduleTitle} ${styles[type]} ${styles[template]} ${
           module?.style && styles[module.style]
@@ -90,9 +92,9 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
       >
         {(module?.title || module.module_title) && getTitle(styles.toplistTitle)}
 
-        {module.link_label && (
-          <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
-            {module.link_label}
+        {seeMore && (
+          <Link to={seeMore.value_label} className={`${styles.viewMore} module-title-gtm`}>
+            {seeMore.title}
             {viewMoreIcon}
           </Link>
         )}
@@ -123,6 +125,10 @@ ModuleTitle.propTypes = {
     }),
     show_last_updated_date: PropTypes.string,
     title: PropTypes.string,
+    see_more_link: PropTypes.shape({
+      title: PropTypes.string,
+      value_label: PropTypes.string,
+    }),
   }),
   viewMoreIcon: PropTypes.element,
   pageContext: PropTypes.shape({}),

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

@@ -49,7 +49,7 @@ const Main = ({ section = {}, pageContext = {}, showNewsletter = true }) => {
           trueVotes={page?.true_votes}
           falseVotes={page?.false_votes}
           pageId={page?.id}
-          casinoTitle={page?.title}
+          casinoTitle={page?.relation ? page?.relation.name : page?.title}
         />
       )}
     </main>