gatsby-matrix-theme 25.1.1 → 25.1.3

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## [25.1.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.2...v25.1.3) (2023-06-05)
+
+
+### Bug Fixes
+
+* add extra field prop for template 3 ([33a6861](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/33a6861732a8af80f6dbd411ef2a951acbdbe778))
+* updated to latest core version ([a19f027](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a19f02754b572e45626d01fbf97237171fc2d82b))
+
+
+### Code Refactoring
+
+* add max height property to match with FC ([485b62c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/485b62c10a04d955da9613d4a33a11a63d41faa8))
+
+
+* Merge branch 'tm-3235-cardsv2-freecasino' into 'master' ([59f1b12](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/59f1b12724b6b1677568cdb2bfae4164b92f5fd4))
+* Merge branch 'tm-3225-info-grid' into 'master' ([c33dc99](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c33dc99b36d9731a9c3ee0af9cd5fcc759bad64e))
+
+## [25.1.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.1...v25.1.2) (2023-06-02)
+
+
+### Bug Fixes
+
+* limited reccommended casinos ([d6dfdfc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d6dfdfc09e51d864a3d1b9e43980bd683da99d25))
+* limited reccommended casinos ([edaad36](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/edaad368472dc084fad75417ec6a00984788dd93))
+
 ## [25.1.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.0...v25.1.1) (2023-06-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "25.1.1",
+  "version": "25.1.3",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "22.0.6",
+    "gatsby-core-theme": "22.0.7",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/operator-card/template-three/index.js

@@ -30,6 +30,7 @@ const TemplateThree = ({
   showRatingLabel = false,
   showRatingDecimal = false,
   verifyIcon = '../../../images/verify.svg',
+  hasVariableComponent = false,
 }) => {
   const { ribbons } = item?.relation;
   const { relation, path } = item;
@@ -42,6 +43,8 @@ const TemplateThree = ({
     ? loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'))
     : loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating'));
 
+  const VariableComponent = hasVariableComponent ? loadable(() => import('../variables')) : null;
+
   return (
     <div className={styles?.operatorCard || ''}>
       <div className={styles?.cardHeader || ''}>
@@ -134,6 +137,7 @@ const TemplateThree = ({
                 icon={<FaArrowRight />}
               />
             )}
+            {VariableComponent && <VariableComponent item={item} page={page} featured={false} />}
           </div>
         </div>
         <div className={styles?.feedback || ''}>
@@ -191,6 +195,7 @@ TemplateThree.propTypes = {
   showRatingDecimal: PropTypes.bool,
   verifyIcon: PropTypes.string,
   showRibbon: PropTypes.bool,
+  hasVariableComponent: PropTypes.bool,
 };
 
 export default TemplateThree;

package/src/components/molecules/wagering-calculator/index.js

@@ -57,7 +57,7 @@ const WageringCalculator = ({
           target="_self"
         >
           <h2 className={styles.mainTitle}>
-            {mainTitle}
+            {translate(translations, 'wagecalc_main_title', mainTitle)}
             {infoTitle && infoText && <InfoIcon onClick={() => setIsInfoOpen(true)} />}
           </h2>
           <div className={styles.inputContainer}>
@@ -115,14 +115,20 @@ const WageringCalculator = ({
         </form>
         {isInfoOpen && (
           <div className={styles.info}>
-            <h2 className={styles.infoTitle}>{infoTitle}</h2>
+            <h2 className={styles.infoTitle}>
+              {translate(translations, 'wagecalc_info_title', infoTitle)}
+            </h2>
             <MdClose onClick={() => setIsInfoOpen(false)} />
-            <p className={styles.infoText}>{infoText}</p>
+            <p className={styles.infoText}>
+              {translate(translations, 'wagecalc_info_text', infoText)}
+            </p>
           </div>
         )}
         {operators.length > 0 && isRecommendedOperators && (
           <div className={styles.reccommendedCasinos}>
-            <h3>{translate(translations, 'recommended_casinos', 'Recommended Casinos')}</h3>
+            <h3>
+              {translate(translations, 'wagecalc_recommended_casinos', 'Recommended Casinos')}
+            </h3>
             {operators.slice(0, 3).map((operator) => {
               const prettyLink = prettyTracker(operator, 'main', false);
               const imageObject =

package/src/components/molecules/wagering-calculator/wagering-calculator.module.scss

@@ -163,7 +163,7 @@
 }
 
 .reccommendedCasinos {
-  > h2 {
+  > h3 {
     margin-top: 1rem;
   }
 

package/src/gatsby-core-theme/components/atoms/info-grid/index.js

@@ -24,6 +24,7 @@ const InfoGrid = ({
   infoIcon = <MdInfo />,
   detailsIcon = <MdPortrait />,
   showEmojis = false,
+  maxHeight = 400,
 }) => {
   const ref = useRef();
   const { translations } = useContext(Context) || {};
@@ -135,7 +136,7 @@ const InfoGrid = ({
           buttonText={translate(translations, 'information-grid', 'Information')}
           contentText={showGridItems()}
           onlyMobile={onlyMobile}
-          maxHeight={400}
+          maxHeight={maxHeight}
         />
       )}
     </div>
@@ -154,6 +155,7 @@ InfoGrid.propTypes = {
   infoIcon: PropTypes.element,
   detailsIcon: PropTypes.element,
   showEmojis: PropTypes.bool,
+  maxHeight: PropTypes.number,
 };
 
 export default InfoGrid;

package/storybook/public/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.349b6fb9.iframe.bundle.js"></script><script src="134.19897eea.iframe.bundle.js"></script><script src="main.acece55b.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.349b6fb9.iframe.bundle.js"></script><script src="134.19897eea.iframe.bundle.js"></script><script src="main.0c963906.iframe.bundle.js"></script></body></html>