gatsby-matrix-theme 53.4.2 → 53.5.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# [53.5.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.4.3...v53.5.0) (2025-11-19)
+
+
+### Bug Fixes
+
+* add gtm classes ([be1e620](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/be1e62046eb485d2db4f44672306cae68596f601))
+* add gtmClass default for pretty link ([0ec9331](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/0ec9331d2a018aff99ab2ae5399e9524fd2cdeb5))
+* revert back ([504d7cf](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/504d7cf55957e5af405d71b0849c452eac8dae24))
+
+
+### Config
+
+* update theme ([dcf62f4](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/dcf62f40b7e32272bb9620822cfa9cdec4e730e3))
+
+
+* Merge branch 'en-142/themeoptions-relation-keys' into 'master' ([9387373](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/9387373cc0c986579d4e90ff8b00671e13da081a))
+* Merge branch 'operator-details-update' into 'master' ([fd29dba](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/fd29dbae4b67a264ccac7d864449e5d9ae0ed694))
+
+
+### Features
+
+* additional relation keys from themeoptions ([8dcdc0d](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/8dcdc0d7228ecdbd0b6368c7809418c941e66947))
+
+## [53.4.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.4.2...v53.4.3) (2025-11-17)
+
+
+### Bug Fixes
+
+* article card image ([61f5f87](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/61f5f87806f7d92e2c8028b76d5a2f6132df3779))
+* update deploy ([519902b](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/519902bc778d8d877a7a5abe02079f9d03f6e024))
+
+
+* Merge branch 'fix/article-card-images' into 'master' ([2125329](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/212532940abda3922cc20acf4cf07b39253e6372))
+* Merge branch 'update-deploy' into 'master' ([2991459](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/299145996314631207b873fd10a0c1e4e9e7940b))
+
 ## [53.4.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.4.1...v53.4.2) (2025-11-13)
 
 

package/gatsby-config.js

@@ -6,7 +6,7 @@ require('dotenv').config({
   path: `.env.${activeEnv}`,
 });
 
-module.exports = {
+module.exports = (themeOptions = {}) => ({
   flags: {
     DEV_SSR: false,
   },
@@ -16,10 +16,11 @@ module.exports = {
       options: {
         siteName: process.env.GATSBY_SITE_NAME,
         preconnectLinks: [getDomain(process.env.IMAGE_CDN_URL)],
+        ...themeOptions,
       },
     },
     `gatsby-plugin-image`,
     `gatsby-plugin-sharp`,
     `gatsby-transformer-sharp`,
   ],
-};
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.4.2",
+  "version": "53.5.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "44.7.1",
+    "gatsby-core-theme": "44.8.0",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

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

@@ -1,6 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable camelcase */
-import React from 'react';
+import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import { imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
@@ -22,19 +22,17 @@ const ArticleCard = ({
   verifyIcon = '',
   showImageAsLink = true,
 }) => {
-  const { title, path, banner, reading_time } = item;
+  const { title, path, banner, reading_time, relation } = item;
   const defaultImg = (
     <LazyImage width={width} height={height} src="/images/default-article.jpg" alt={title} />
   );
-
+  const logo = useMemo(() => {
+    if (banner) return imagePrettyUrl(banner, width, height);
+    if (relation?.logo?.filename) return imagePrettyUrl(relation?.logo?.filename, width, height);
+    return undefined;
+  }, [banner, relation, height, width]);
   const imageElement = (
-    <LazyImage
-      width={width}
-      height={height}
-      defaultImg={defaultImg}
-      src={banner ? imagePrettyUrl(banner, width, height) : undefined}
-      alt={title}
-    />
+    <LazyImage width={width} height={height} defaultImg={defaultImg} src={logo} alt={title} />
   );
   return (
     <div className={styles.article || ''}>
@@ -79,6 +77,13 @@ ArticleCard.propTypes = {
     path: PropTypes.string,
     banner: PropTypes.string,
     reading_time: PropTypes.string,
+    relation: PropTypes.shape({
+      logo: PropTypes.shape({
+        alt: PropTypes.string,
+        color: PropTypes.string,
+        filename: PropTypes.string,
+      }),
+    }),
   }).isRequired,
   width: PropTypes.number,
   height: PropTypes.number,
@@ -88,7 +93,7 @@ ArticleCard.propTypes = {
   showAuthorAsLink: PropTypes.bool,
   readingTime: PropTypes.bool,
   verifyIcon: PropTypes.string,
-  showImageAsLink: PropTypes.bool
+  showImageAsLink: PropTypes.bool,
 };
 
 export default ArticleCard;

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

@@ -68,7 +68,7 @@ const OperatorDetails = ({
         moduleName={moduleName}
         tracker={trackerType}
         clickedElement={clickedElement}
-        className={classStyle}
+        className={`${classStyle}`}
         modulePosition={modulePosition}
         itemPosition={itemPosition}
       >
@@ -82,7 +82,7 @@ const OperatorDetails = ({
 
   return (
     <div className={`${styles.operatorDetails} ${costumeStyle}`}>
-      <Tag classStyle="Logo cta">
+      <Tag classStyle="logo-cta-gtm">
         <LazyImage
           src={imagePrettyUrl(image?.filename, imageWidth, imageHeight)}
           alt={getAltText(image, itemName)}