gatsby-matrix-theme 13.0.8 → 13.0.9

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [13.0.9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v13.0.8...v13.0.9) (2023-02-21)
+
+
+### Bug Fixes
+
+* update headers in order to use h1 ([b3bc46a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b3bc46a65649895d3d77c04bc4d5413adb1839f5))
+
+
+* Merge branch 'tm-3320-header-titles' into 'master' ([f2d46eb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f2d46eb1cfd86f10cd0d55cc73fd09d1ef5a50e0))
+
 ## [13.0.8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v13.0.7...v13.0.8) (2023-02-17)
 
 

package/package.json

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

package/src/components/molecules/header/variants/author/template-four/index.js

@@ -6,13 +6,13 @@ import Name from '../assets/name';
 import Socials from '../assets/socials';
 import styles from './template-four.module.scss';
 
-export default function TemplateFour({ author, icons }) {
+export default function TemplateFour({ author, icons, authorTitle }) {
   return (
     <div className={styles.container}>
       <div>
         <Portrait className={styles.portrait} author={author} />
         <div>
-          <Name className={styles.name} name={author.name} icon={icons?.verify} />
+          <Name className={styles.name} name={authorTitle || author.name} icon={icons?.verify} />
           <div className={styles.title}>{author.author_title}</div>
           <Socials author={author} />
         </div>
@@ -22,6 +22,7 @@ export default function TemplateFour({ author, icons }) {
 }
 
 TemplateFour.propTypes = {
+  authorTitle: PropTypes.string,
   author: PropTypes.shape({
     name: PropTypes.string,
     author_title: PropTypes.string,

package/src/components/molecules/header/variants/author/template-one/index.js

@@ -7,13 +7,13 @@ import Socials from '../assets/socials';
 import Expertise from '../assets/expertise';
 import styles from './template-one.module.scss';
 
-export default function TemplateOne({ author, icons }) {
+export default function TemplateOne({ author, icons, authorTitle }) {
   return (
     <div className={styles.container}>
       <Portrait className={styles.portrait} author={author} />
       <div>
         <div className={styles.title}>{author.author_title}</div>
-        <Name className={styles.name} name={author.name} icon={icons?.verify} />
+        <Name className={styles.name} name={authorTitle || author.name} icon={icons?.verify} />
         <Socials className={styles.socials} author={author} />
         {author.biography && (
           <div
@@ -28,6 +28,7 @@ export default function TemplateOne({ author, icons }) {
 }
 
 TemplateOne.propTypes = {
+  authorTitle: PropTypes.string,
   author: PropTypes.shape({
     name: PropTypes.string,
     author_title: PropTypes.string,

package/src/components/molecules/header/variants/author/template-three/index.js

@@ -7,14 +7,14 @@ import Socials from '../assets/socials';
 import Expertise from '../assets/expertise';
 import styles from './template-three.module.scss';
 
-export default function TemplateThree({ author, icons }) {
+export default function TemplateThree({ author, icons, authorTitle }) {
   return (
     <div className={styles.container}>
       <div>
         <Portrait className={styles.portrait} author={author} />
         <div>
           <Socials className={styles.socials} author={author} />
-          <Name className={styles.name} name={author.name} icon={icons?.verify} />
+          <Name className={styles.name} name={authorTitle || author.name} icon={icons?.verify} />
           <div className={styles.title}>{author.author_title}</div>
           <Expertise expertise={author.expertise} icon={icons?.expertise} />
         </div>
@@ -24,6 +24,7 @@ export default function TemplateThree({ author, icons }) {
 }
 
 TemplateThree.propTypes = {
+  authorTitle: PropTypes.string,
   author: PropTypes.shape({
     name: PropTypes.string,
     author_title: PropTypes.string,

package/src/components/molecules/header/variants/author/template-two/index.js

@@ -7,14 +7,14 @@ import Socials from '../assets/socials';
 import Expertise from '../assets/expertise';
 import styles from './template-two.module.scss';
 
-export default function TemplateTwo({ author, icons }) {
+export default function TemplateTwo({ author, icons, authorTitle }) {
   return (
     <div className={styles.container}>
       <div>
         <Portrait className={styles.portrait} author={author} />
         <div>
           <div className={styles.title}>{author.author_title}</div>
-          <Name className={styles.name} name={author.name} icon={icons?.verify} />
+          <Name className={styles.name} name={authorTitle || author.name} icon={icons?.verify} />
           <Socials className={styles.socials} author={author} />
           <Expertise expertise={author.expertise} icon={icons?.expertise} />
         </div>
@@ -24,6 +24,7 @@ export default function TemplateTwo({ author, icons }) {
 }
 
 TemplateTwo.propTypes = {
+  authorTitle: PropTypes.string,
   author: PropTypes.shape({
     name: PropTypes.string,
     author_title: PropTypes.string,

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

@@ -37,7 +37,7 @@ export const relationContent = (section, numOfStarsRating) => {
         template: section?.page?.page_styles?.short_name,
         pageTemplate: section?.page?.template,
         relation: section?.page?.relation || {},
-        name: section?.page?.relation?.name,
+        name: section.page.title || section?.page?.relation?.name,
         ribbons: section?.page?.relation?.ribbons || [],
         image:
           section?.page?.relation?.standardised_logo_url_object ||
@@ -92,23 +92,32 @@ export const relationContent = (section, numOfStarsRating) => {
           ModuleComponent = loadable(() =>
             import('../../../../components/molecules/header/variants/author/template-two')
           );
-          return <ModuleComponent author={section.page.relation} />;
+          return (
+            <ModuleComponent author={section.page.relation} authorTitle={section?.page?.title} />
+          );
         case 'template_three':
           ModuleComponent = loadable(() =>
             import('../../../../components/molecules/header/variants/author/template-three')
           );
-          return <ModuleComponent author={section.page.relation} />;
+          return (
+            <ModuleComponent author={section.page.relation} authorTitle={section?.page?.title} />
+          );
         case 'template_four':
           ModuleComponent = loadable(() =>
             import('../../../../components/molecules/header/variants/author/template-four')
           );
-          return <ModuleComponent author={section.page.relation} />;
+
+          return (
+            <ModuleComponent author={section.page.relation} authorTitle={section?.page?.title} />
+          );
         case 'template_one':
         default:
           ModuleComponent = loadable(() =>
             import('../../../../components/molecules/header/variants/author/template-one')
           );
-          return <ModuleComponent author={section.page.relation} />;
+          return (
+            <ModuleComponent author={section.page.relation} authorTitle={section?.page?.title} />
+          );
       }
     }
     case 'page': {

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.af15ef32.iframe.bundle.js"></script><script src="434.7f2624aa.iframe.bundle.js"></script><script src="main.cf39ecf8.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.af15ef32.iframe.bundle.js"></script><script src="434.7f2624aa.iframe.bundle.js"></script><script src="main.91702b95.iframe.bundle.js"></script></body></html>