gatsby-matrix-theme 7.1.4 → 7.1.7

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [7.1.7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.6...v7.1.7) (2022-05-20)
+
+
+### Bug Fixes
+
+* default operator image in comparison table ([8c283bc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8c283bc5c8aad251268ab6c47430628aa09075ab))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([ac1d78f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ac1d78faadec3008338d5c26d221e9f24716d583))
+
+## [7.1.6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.5...v7.1.6) (2022-05-20)
+
+
+### Bug Fixes
+
+* comparison table null image fix ([8fb35c9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8fb35c9e531e86c4bc9a570e2e09d462eb85753e))
+
+## [7.1.5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.4...v7.1.5) (2022-05-19)
+
+
+### Bug Fixes
+
+* omparison table payment method fixes and table zindex ([9865d1b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9865d1b5b20a4193bdb84fd23623a373dc5e9592))
+
+
+* Merge branch 'tm-2904-general-fixes' into 'master' ([3644ec8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3644ec8c4d2cf5d079db3245cae95e7c84e474fd))
+
 ## [7.1.4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.3...v7.1.4) (2022-05-19)
 
 

package/package.json

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

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -13,6 +13,7 @@ import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
+import GatsbyImg from 'gatsby-core-theme/src/hooks/gatsby-img';
 import styles from './table.module.scss';
 
 const listHeadings = [
@@ -82,12 +83,21 @@ export default function ComparisonTable({
       case 'casino_name':
         return (
           <td key={key} className={styles.casinoName}>
-            <LazyImg
-              src={imagePrettyUrl(item?.relation?.logo_url)}
-              height={89}
-              width={89}
-              alt={item.relation.name}
-            />
+            {item?.relation?.logo_url ? (
+              <LazyImg
+                src={imagePrettyUrl(item?.relation?.logo_url)}
+                height={89}
+                width={89}
+                alt={item.relation.name}
+              />
+            ) : (
+              <GatsbyImg
+                filename="default-operator.png"
+                alt={item.relation.name}
+                width="9rem"
+                height="9rem"
+              />
+            )}
             <div>
               <span>{item.relation.name}</span>
               <OperatorCta
@@ -134,17 +144,20 @@ export default function ComparisonTable({
               {item?.relation?.bonus?.deposit_methods &&
                 // eslint-disable-next-line array-callback-return
                 item?.relation?.bonus?.deposit_methods.map((deposit, i, list) => {
-                  const itemsLength = list.length === 6 ? 6 : 5;
+                  let itemsLength = list.length === 6 ? 6 : 5;
                   if (i < (showAllPayment.includes(index) ? list.length : itemsLength)) {
-                    return (
-                      <LazyImg
-                        key={`${key}-${deposit.name}`}
-                        src={imagePrettyUrl(deposit?.logo_filename)}
-                        width={72}
-                        height={72}
-                        alt={deposit.name}
-                      />
-                    );
+                    if (deposit?.logo_filename) {
+                      return (
+                        <LazyImg
+                          key={`${key}-${deposit.name}`}
+                          src={imagePrettyUrl(deposit?.logo_filename)}
+                          width={72}
+                          height={72}
+                          alt={deposit.name}
+                        />
+                      );
+                    }
+                    itemsLength -= 1;
                   }
                 })}
               {item?.relation?.bonus?.deposit_methods?.length > 6 &&
@@ -191,16 +204,19 @@ export default function ComparisonTable({
         return (
           <td key={key} className={styles.licenses}>
             {item?.relation?.bonus?.license_objects &&
-              item?.relation?.bonus?.license_objects
-                .slice(0, 3)
-                .map((license) => (
-                  <LazyImg
-                    key={license.name}
-                    src={imagePrettyUrl(license?.logo_filename)}
-                    height={32}
-                    alt={license.name}
-                  />
-                ))}
+              item?.relation?.bonus?.license_objects.slice(0, 3).map((license) => {
+                if (license?.logo_filename) {
+                  return (
+                    <LazyImg
+                      key={license.name}
+                      src={imagePrettyUrl(license?.logo_filename)}
+                      height={32}
+                      alt={license.name}
+                    />
+                  );
+                }
+                return <></>;
+              })}
           </td>
         );
       default:

package/src/components/atoms/cards/comparison-table/table/table.module.scss

@@ -32,7 +32,6 @@
 
       @include min(laptop) {
         position: sticky;
-        z-index: 1;
         left: 0;
       }
     }
@@ -81,6 +80,10 @@
     .raiting {
       @include flex-align(center, space-between);
 
+      > div >div >span {
+        position: inherit;
+      }
+
       a {
         font-weight: bold;
         font-size: 1.6rem;

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.7aedec23.iframe.bundle.js"></script><script src="152.cf98088f.iframe.bundle.js"></script><script src="main.a84cf40d.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.7aedec23.iframe.bundle.js"></script><script src="152.cf98088f.iframe.bundle.js"></script><script src="main.77c6f6c8.iframe.bundle.js"></script></body></html>