npm - gatsby-matrix-theme - Versions diffs - 37.0.21 → 37.0.23 - Mend

gatsby-matrix-theme 37.0.21 → 37.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,24 @@
+## [37.0.23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.22...v37.0.23) (2023-12-04)
+### Code Refactoring
+* add author data ([22779ae](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/22779ae37106745bd17f325cf3935233252f91ed))
+* separate ribbon from main component and separate social links as a prop ([8debf21](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8debf215596d1d8fe3e9f738caa7a262354182ec))
+* Merge branch 'tm-3765-author-headers' into 'master' ([ea3056e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ea3056e55ee89981108573b23fdac9f16fd07a7e))
+## [37.0.22](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.21...v37.0.22) (2023-12-04)
+### Bug Fixes
+* fixed empty recommendedCasinos bug ([a01741f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a01741fe6e7e1038b28d3e0705a894a2052a0573))
+* Merge branch 'tm-3828-wagering-calculator' into 'master' ([577c7e9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/577c7e992bfe2c4255e0daadb8c470f6065b8845))
 ## [37.0.21](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.20...v37.0.21) (2023-12-01)

package/package.json CHANGED Viewed

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

package/src/components/atoms/author/socials/index.js CHANGED Viewed

@@ -7,27 +7,33 @@ import { IoLogoTiktok } from '@react-icons/all-files/io5/IoLogoTiktok';
 import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin';
 import styles from './socials.module.scss';
-export default function Socials({ className = '', author }) {
+export default function Socials({
+  className = '',
+  author,
+  socialIcons = {
+    facebook: <FaFacebookSquare title="Facebook Icon" />,
+    instagram: <FaInstagram title="Instagram Icon" />,
+    linkedin: <FaLinkedin title="Linkedin Icon" />,
+    twitter: (
+      <svg
+        width="1em"
+        height="1em"
+        viewBox="0 0 13 12"
+        fill="currentcolor"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path d="M9.97574 0H11.9181L7.67469 4.84989L12.6667 11.4495H8.75802L5.69659 7.44685L2.19363 11.4495H0.250147L4.78881 6.26203L0 0H4.0079L6.7752 3.65856L9.97574 0ZM9.29408 10.287H10.3703L3.42314 1.1015H2.26822L9.29408 10.287Z" />
+      </svg>
+    ),
+    tiktok: <IoLogoTiktok title="Tiktok Icon" />,
+  },
+}) {
   const socialLinks = [
-    { id: 'fb', link: author.facebook_profile, icon: <FaFacebookSquare title="Facebook Icon " /> },
-    { id: 'ig', link: author.instagram_profile, icon: <FaInstagram title="Instagram Icon " /> },
-    { id: 'li', link: author.linkedin_profile, icon: <FaLinkedin title="Linkedin Icon" /> },
-    {
-      id: 'tw',
-      link: author.twitter_profile,
-      icon: (
-        <svg
-          width="1em"
-          height="1em"
-          viewBox="0 0 13 12"
-          fill="currentcolor"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path d="M9.97574 0H11.9181L7.67469 4.84989L12.6667 11.4495H8.75802L5.69659 7.44685L2.19363 11.4495H0.250147L4.78881 6.26203L0 0H4.0079L6.7752 3.65856L9.97574 0ZM9.29408 10.287H10.3703L3.42314 1.1015H2.26822L9.29408 10.287Z" />
-        </svg>
-      ),
-    },
-    { id: 'tt', link: author.tik_tok, icon: <IoLogoTiktok title="Tiktok Icon" /> },
+    { id: 'fb', link: author.facebook_profile, icon: socialIcons.facebook },
+    { id: 'ig', link: author.instagram_profile, icon: socialIcons.instagram },
+    { id: 'li', link: author.linkedin_profile, icon: socialIcons.linkedin },
+    { id: 'tw', link: author.twitter_profile, icon: socialIcons.twitter },
+    { id: 'tt', link: author.tik_tok, icon: socialIcons.tiktok },
   ].filter((socialLink) => socialLink.link);
   return (
@@ -60,4 +66,5 @@ Socials.propTypes = {
     twitter_profile: PropTypes.string,
     tik_tok: PropTypes.string,
   }),
+  socialIcons: PropTypes.shape({}),
 };

package/src/components/molecules/header/variants/author/assets/ribbon/index.js ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './ribbon.module.scss';
+export default function Ribbon({ className = '', content }) {
+  return <span className={`${styles?.ribbon || ''} ${className}`}>{content}</span>;
+}
+Ribbon.propTypes = {
+  className: PropTypes.string,
+  content: PropTypes.string,
+};

package/src/components/molecules/header/variants/author/assets/ribbon/ribbon.module.scss ADDED Viewed

@@ -0,0 +1,12 @@
+.ribbon {
+  position: absolute;
+  top: 2.4rem;
+  right: 2.4rem;
+  background: red;
+  border-radius: 100px;
+  color: #fff;
+  font-weight: 700;
+  font-size: 10px;
+  line-height: 13px;
+  padding: 0.6rem;
+}

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

@@ -3,6 +3,7 @@ import React, { useContext } from 'react';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import PropTypes from 'prop-types';
 import Portrait from '../assets/portrait';
+import Ribbon from '../assets/ribbon';
 import Name from '../assets/name';
 import Socials from '../../../../../atoms/author/socials';
 import styles from './template-four.module.scss';
@@ -15,9 +16,11 @@ export default function TemplateFour({ author, icons, authorTitle }) {
       <div>
         <div className={styles?.portraitContainer || ''}>
           <Portrait className={styles?.portrait || ''} author={author} />
-          <span className={styles?.posts || ''}>
-            {author.pages_count} {translate(translations, 'posts', 'Posts')}
-          </span>
+          <Ribbon
+            className={styles?.posts || ''}
+            author={author}
+            content={`${author.pages_count} ${translate(translations, 'posts', 'Posts')}`}
+          />
         </div>
         <div>

package/src/components/molecules/header/variants/author/template-four/template-four.module.scss CHANGED Viewed

@@ -48,6 +48,8 @@
   font-size: 10px;
   line-height: 13px;
   padding: 0.6rem;
+  top: unset;
+  right: unset;
 }
 .portrait {

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

@@ -6,6 +6,7 @@ import Portrait from '../assets/portrait';
 import Name from '../assets/name';
 import Socials from '../../../../../atoms/author/socials';
 import Expertise from '../assets/expertise';
+import Ribbon from '../assets/ribbon';
 import { translate } from '~helpers/getters';
 import styles from './template-one.module.scss';
@@ -13,9 +14,11 @@ export default function TemplateOne({ author, icons, authorTitle }) {
   const { translations } = useContext(Context);
   return (
     <div className={styles?.container || ''}>
-      <span className={styles?.posts || ''}>
-        {author.pages_count} {translate(translations, 'posts', 'Posts')}
-      </span>
+      <Ribbon
+        className={styles?.posts || ''}
+        author={author}
+        content={`${author.pages_count} ${translate(translations, 'posts', 'Posts')}`}
+      />
       <Portrait className={styles?.portrait || ''} author={author} />
       <div>
         <div className={styles?.title || ''}>{author.author_title}</div>

package/src/components/molecules/header/variants/author/template-one/template-one.module.scss CHANGED Viewed

@@ -22,19 +22,6 @@
   }
 }
-.posts {
-  position: absolute;
-  top: 2.4rem;
-  right: 2.4rem;
-  background: var(--primary-color);
-  border-radius: 100px;
-  color: #fff;
-  font-weight: 700;
-  font-size: 10px;
-  line-height: 13px;
-  padding: 0.6rem;
-}
 .portrait {
   margin-top: -3.4rem;
   margin-bottom: 2.4rem;

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

@@ -6,6 +6,7 @@ import Portrait from '../assets/portrait';
 import Name from '../assets/name';
 import Socials from '../../../../../atoms/author/socials';
 import Expertise from '../assets/expertise';
+import Ribbon from '../assets/ribbon';
 import { translate } from '~helpers/getters';
 import styles from './template-three.module.scss';
@@ -13,9 +14,11 @@ export default function TemplateThree({ author, icons, authorTitle }) {
   const { translations } = useContext(Context);
   return (
     <div className={styles?.container || ''}>
-      <span className={styles?.posts || ''}>
-        {author.pages_count} {translate(translations, 'posts', 'Posts')}
-      </span>
+      <Ribbon
+        className={styles?.posts || ''}
+        author={author}
+        content={`${author.pages_count} ${translate(translations, 'posts', 'Posts')}`}
+      />
       <div>
         <Portrait className={styles?.portrait || ''} author={author} />
         <div>

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

@@ -6,6 +6,7 @@ import Portrait from '../assets/portrait';
 import Name from '../assets/name';
 import Socials from '../../../../../atoms/author/socials';
 import Expertise from '../assets/expertise';
+import Ribbon from '../assets/ribbon';
 import { translate } from '~helpers/getters';
 import styles from './template-two.module.scss';
@@ -13,9 +14,11 @@ export default function TemplateTwo({ author, icons, authorTitle }) {
   const { translations } = useContext(Context);
   return (
     <div className={styles?.container || ''}>
-      <span className={styles?.posts || ''}>
-        {author.pages_count} {translate(translations, 'posts', 'Posts')}
-      </span>
+      <Ribbon
+        className={styles?.posts || ''}
+        author={author}
+        content={`${author.pages_count} ${translate(translations, 'posts', 'Posts')}`}
+      />
       <div>
         <Portrait className={styles?.portrait || ''} author={author} />
         <div>

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

@@ -32,7 +32,7 @@ const WageringCalculator = ({
   const [result, setResult] = useState(null);
   const { translations } = useContext(Context);
   const InfoIcon = infoIcon || AiOutlineQuestionCircle;
-  const operators = pageContext.marketSections
+  const operators = pageContext.marketSections.recommended_casinos.modules.length
     ? getRecommendedToplist(pageContext.marketSections)
     : [];

package/storybook/public/iframe.html CHANGED Viewed

@@ -361,4 +361,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)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.43b1a993.iframe.bundle.js"></script><script src="28.ed292934.iframe.bundle.js"></script><script src="main.bf27531e.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)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.43b1a993.iframe.bundle.js"></script><script src="28.ed292934.iframe.bundle.js"></script><script src="main.88889240.iframe.bundle.js"></script></body></html>