gatsby-core-theme 44.16.2 → 44.17.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [44.17.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.16.3...v44.17.0) (2026-03-06)
+
+
+### Bug Fixes
+
+* default value ([c8ecab6](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/c8ecab6e0c7b93e36ff3fbe24f16ac8aa8eb7ee0))
+
+
+* Merge branch 'EN-380/template-two-author' into 'master' ([78279ca](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/78279ca9bdb2d7b6626d3ababffbb382b026bc3b))
+
+
+### Features
+
+* template two author ([75b177a](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/75b177ad34072f9be772121a688040b02f162993))
+
+## [44.16.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.16.2...v44.16.3) (2026-03-05)
+
+
+### Bug Fixes
+
+* add status data to the game object ([42f0156](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/42f0156a987d6299f91ac7f40b5132b6560a5cbc))
+
 ## [44.16.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.16.1...v44.16.2) (2026-02-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "44.16.2",
+  "version": "44.17.0",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/atoms/author-box/template-two/expertion/expertion.module.scss

@@ -0,0 +1,37 @@
+.expertion {
+    @include min(tablet){
+        @include flex-direction(row);
+
+        gap: .8rem;
+    }
+
+  > p {
+    color: #3c3c40;
+    font-size: 1.4rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 2.2rem;
+  }
+
+  > span {
+    @include flex-direction(row);
+    @include flex-align(center, center);
+
+    padding: 0.2rem 0.8rem;
+    border-radius: 100px;
+    border: 1px solid #ececec;
+    background: #f4f4f4;
+    margin-bottom: 0.8rem;
+    margin-right: 0.8rem;
+    color: #3c3c40;
+    font-size: 1.2rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 2rem;
+
+    >svg{
+      margin-right: .5rem;
+    }
+  
+  }
+}

package/src/components/atoms/author-box/template-two/expertion/expertion.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import { authorObject } from '~tests/factories/modules/author-box.factory';
+import Expertion from '.';
+
+describe('expertise component', () => {
+  test('render component', () => {
+    const author = authorObject;
+    const { container } = render(<Expertion expertise={author?.expertise} />);
+
+    expect(container).toBeInTheDocument();
+  });
+
+  test('render all expertise lists', () => {
+    const author = authorObject;
+    const { container, getByText } = render(<Expertion expertise={author?.expertise} />);
+
+    expect(container).toBeInTheDocument();
+    expect(getByText('Expert on:')).toBeInTheDocument();
+    expect(container.querySelectorAll('span')).toHaveLength(3);
+    expect(container.querySelector('span')).toHaveTextContent('Online Casinos');
+  });
+});
+
+afterEach(() => {
+  cleanup();
+});

package/src/components/atoms/author-box/template-two/expertion/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Check from '~images/icons/check';
+import keygen from '~helpers/keygen';
+import useTranslate from '~hooks/useTranslate/useTranslate';
+import styles from './expertion.module.scss';
+
+export default function Expertion({ expertise }) {
+  const expertOnText = useTranslate('expert_on', 'Expert on:');
+
+  return (
+    <>
+      {expertise && (
+        <div className={styles.expertion}>
+          <p>{expertOnText}</p>
+          {expertise?.map((res) => (
+            <span key={keygen()}>
+              <Check />
+              {res}
+            </span>
+          ))}
+        </div>
+      )}
+    </>
+  );
+}
+
+Expertion.propTypes = {
+  expertise: PropTypes.arrayOf(PropTypes.string),
+};

package/src/components/atoms/author-box/template-two/index.js

@@ -4,20 +4,27 @@ import styles from './author-box.module.scss';
 import AuthorDetails from '../details';
 import AuthorDescription from '../description';
 import FactCheck from './fact-check';
+import Expertion from './expertion';
 
-export default function AuthorBox({ author, reviewer = {}, readingTime, date = '' }) {
+export default function AuthorBox({ author = {}, reviewer = {}, readingTime, date = '', expertion = false }) {
   return (
     <div className={styles.container || ''} id="authorbox">
       <AuthorDetails template="templateTwo" ribbon author={author} extraInfo />
       <AuthorDescription template="templateTwo" author={author} />
-      {reviewer && <FactCheck author={author} reviewer={reviewer} readingTime={readingTime} date={date} />}
+      {reviewer && (
+        <FactCheck author={author} reviewer={reviewer} readingTime={readingTime} date={date} />
+      )}
+      {expertion && <Expertion expertise={author?.expertise} />}
     </div>
   );
 }
 
 AuthorBox.propTypes = {
-  author: PropTypes.shape({}),
-  reviewer: PropTypes.string,
+  author: PropTypes.shape({
+    expertise: PropTypes.arrayOf(PropTypes.string),
+  }),
+  reviewer: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   readingTime: PropTypes.number,
   date: PropTypes.string,
-};
+  expertion: PropTypes.bool,
+};

package/src/constants/pick-keys.mjs

@@ -181,8 +181,8 @@ export const pickRelationKeys = {
     "game_categories",
     'maximum_bet',
     "game_themes",
-    'jackpot'
-
+    'jackpot',
+    "status"
   ],
   software_provider: [
     "logo_filename_object",