gatsby-matrix-theme 7.1.43 → 7.1.46

package/CHANGELOG.md

@@ -1,3 +1,43 @@
+## [7.1.46](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.45...v7.1.46) (2022-08-01)
+
+
+### Bug Fixes
+
+* update core theme and update variant-one ([41f27e5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/41f27e58bdf53a7499aad37a744a678f5bb01a5a))
+* update review link in toplist ([6590cb0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6590cb08bc8c7dbe8ef50117b3a8bdb0a7b07c1a))
+* update spotlight module and spotlight image constant ([6680a17](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6680a17971de01e043aef5dc619a5dc903103b47))
+
+
+* Merge branch 'tm-2979-spotlight-module' into 'master' ([317d4e2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/317d4e261cdb7ba44593f412f8c652857d224b84))
+* Merge branch 'tm-2971-adding-expert-rating-to-toplist' into 'master' ([94fc548](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/94fc5489d0ffe3b2b4b67db2ef1b8c330e3f5489))
+
+## [7.1.45](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.44...v7.1.45) (2022-07-29)
+
+
+### Bug Fixes
+
+* add default type in search results ([33e7ca5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/33e7ca5e07ef9cef39f403a15353807fc3e03de8))
+
+
+### Code Refactoring
+
+* search dropdown alignment ([232ce70](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/232ce709cf7d3220804eeb2e6e545cca8151c6c4))
+
+
+### Config
+
+* update core theme ([e1ff96a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e1ff96ac93b2f040543461be642b7add425d5cdc))
+
+
+* Merge branch 'tm-2968-search-dropdown-alignment1' into 'master' ([17ba106](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/17ba10670d0a0f9e552c93aa6f07ee67211e0dd4))
+
+## [7.1.44](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.43...v7.1.44) (2022-07-25)
+
+
+### Bug Fixes
+
+* updated to latest core version ([0c4e2b8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0c4e2b8e638ae372891b5f323f6243910656ab7b))
+
 ## [7.1.43](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.42...v7.1.43) (2022-07-25)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "7.1.43",
+  "version": "7.1.46",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "gatsby": "^4.15.0",
-    "gatsby-core-theme": "^8.0.12",
+    "gatsby-core-theme": "^9.0.1",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/molecules/toplist/row/variant-one.js

@@ -141,7 +141,14 @@ export default function Row({
           )}
         </div>
       )}
-      <OperatorCta operator={item} tracker={tracker} gtmClass="toplist-operator-cta-gtm" />
+      <span className={styles.ctaAndReview}>
+        <OperatorCta operator={item} tracker={tracker} gtmClass="toplist-operator-cta-gtm" />
+        {!isPPC && (
+          <Link className={`${styles.reviewLink} toplist-variant-one-gtm`} to={reviewPath}>
+            {`${itemName} ${translate(translations, 'read_review', 'Review')}`}
+          </Link>
+        )}
+      </span>
 
       {tandcEnabled && <Tnc onlyMobile={layout === 'list'} operator={item} />}
     </li>

package/src/components/molecules/toplist/row/variant-one.module.scss

@@ -379,3 +379,11 @@
 .rowNoTandC {
   padding-bottom: 1.8rem;
 }
+
+.ctaAndReview {
+  background-color: inherit;
+  order: 4;
+  margin-right: 2.4rem;
+  display: flex;
+  flex-direction: column;
+}

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

@@ -2,10 +2,12 @@ import React from 'react';
 import Spotlights from 'gatsby-core-theme/src/components/atoms/spotlights/index';
 import styleTheme from './spotlights-theme.module.scss';
 import styleSite from './spotlights-site.module.scss';
+import imgSize from '../../../constants/spotlight-image-dimensions';
 
 export default (props) => (
   <Spotlights
     {...props}
+    imgSize={imgSize}
     themeStyles={{
       ...styleTheme,
       ...styleSite,

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

@@ -42,22 +42,17 @@ export default (props) => {
       }
       break;
     case 'payment_method':
-      // TODO change BaseCard to PaymetMethodCard
       customCardComponent = loadable(() =>
         import(`../../../../components/atoms/cards/payment-method-card/index`)
       );
       break;
     case 'software_provider':
-      // TODO change BaseCard to SoftwareProviderCard
       customCardComponent = loadable(() =>
         import(`../../../../components/atoms/cards/software-provider-card/index`)
       );
       break;
-    case 'page':
-      // TODO change BaseCard to PageCard
-      customCardComponent = loadable(() => import(`../../../../components/atoms/cards/base-card`));
-      break;
     case 'article':
+    case 'page':
       customCardComponent = loadable(() =>
         import(`../../../../components/atoms/cards/article-card`)
       );

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

@@ -3,11 +3,11 @@
 /* eslint-disable react/prop-types */
 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/TranslationsProvider';
 import keygen from '~helpers/keygen';
-import Row from '~molecules/toplist/default-row';
 import Button from '~atoms/button';
 import styles from './list.module.scss';
 
@@ -63,6 +63,8 @@ export default function List({
     }
   }
 
+  const Row = !CustomRow && loadable(() => import('~molecules/toplist/default-row'));
+
   return (
     <>
       <ul className={styles.list} key={keygen()}>

package/src/gatsby-core-theme/components/pages/search/index.js

@@ -41,6 +41,7 @@ const SearchContent = ({ page }) => {
                 type: 'software_provider',
                 title: translate(translations, 'software_provider', 'Software Provider'),
               },
+              { type: 'page', title: translate(translations, 'default_pages', 'Default') },
             ],
             includeOptions: {
               desktop_num_of_columns: '3',
@@ -83,6 +84,7 @@ const SearchContent = ({ page }) => {
             <div type="article">{/* <CardArticle item={item} /> */}</div>
             <div type="payment_method">{/* <PaymentMethods item={item} /> */}</div>
             <div type="software_provider">{/* <SoftwareProvider item={item} /> */}</div>
+            <div type="page">{/* <CardArticle item={item} /> */}</div>
           </>
         )}
       </Search>

package/src/gatsby-core-theme/constants/spotlight-image-dimensions.js

@@ -0,0 +1,16 @@
+const imgSize = {
+  boxes_with_icons: {
+    width: 95,
+    height: 95,
+  },
+  testimonials: {
+    width: 150,
+    height: 150,
+  },
+  default: {
+    width: 150,
+    height: 200,
+  },
+};
+
+export default imgSize;

package/src/hooks/tabs/tab/tab-list.module.scss

@@ -38,6 +38,7 @@
 
     @include min(tablet) {
       width: 40%;
+      margin-top: 0;
     }
 
     @include min(laptop) {