gatsby-matrix-theme 44.0.1 → 45.0.0

package/CHANGELOG.md

@@ -1,3 +1,55 @@
+# [45.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v44.0.2...v45.0.0) (2024-06-20)
+
+
+### Bug Fixes
+
+* add isRGpage prop ([48dae68](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/48dae68ec61e3c8636d387dd93a1e9330dee4e95))
+* get latest changes from master ([0fa2f18](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0fa2f18f3133510092a43a676e75e6ac17e230e5))
+* remove button cta from winning numbers ([d02658e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d02658e59b4c86a4c29c4ac220d250c940b7d9f1))
+* remove operator from lottotable and rolleover ([4796b78](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4796b78ad71e9f71dc62fc1205951da19db07c77))
+* tests ([4d3d976](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4d3d976e94adb8a7d56c391240b60f440ba1e3df))
+* tests ([a212654](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a212654d44c0067375ef9621efa9ff37bfde8b36))
+* tests ([e1fa528](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e1fa52842f5a5d4f0b5817556c65e258db93c821))
+* tests ([ec0bff4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ec0bff4c99f61300692b6b18d57365a80c59dd22))
+* tests ([060150f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/060150f31105ce1deca5f12045b40e2577ad9b3b))
+* toplist ([f040061](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f040061a7a32f9a2d60f9caea106ea9b6ea1b392))
+* toplist ([02b2e58](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/02b2e58bc362c11c802f23d5533ba1a5d2003e76))
+* update isRGpage ([a46f8de](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a46f8de67c711653c48418cd94832107b19d04f7))
+* update matrix version ([8a6d1fe](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8a6d1fe1243ee5d5dd1131914ba713611ce50042))
+* update theme ([76e25a5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/76e25a59f7c4f50b4a7e91b859058fc6d38bcb2a))
+* update with matrix theme ([364ca96](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/364ca96d232a0ff8ad0a8ce8d41265a3e992f579))
+* updated references for operator logo ([0a4e55f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0a4e55f22696186be426c3864f1cff4d60602021))
+
+
+### Code Refactoring
+
+* changes to content module lists ([eabc5b3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/eabc5b344924e2e9625bfe955e9e4384a2be59bb))
+* remove temp ([cb0009b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/cb0009b76c5820d3f482662d005a1152aee84ebc))
+* temp ([32afe57](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/32afe57c4ce99cea381b3240f77a43ec5ae27656))
+
+
+### Config
+
+* update theme ([beec73e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/beec73e7af5794bd132c78b86d4800e084ada492))
+
+
+* Merge branch 'tm-4293-improvements-rg-template' into 'master' ([a71a79c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a71a79cf0745d5330a81e458e7eb6d06e59af492))
+* Merge branch 'tm-4487-lotto-pages' into 'master' ([4cfeb34](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4cfeb34cde2df34b3b832f98d67501d80e7df3c9))
+* Merge branch 'tm-4451-lists' into 'master' ([445dafb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/445dafb629c8d4a322e6fa67c9239a4f08c8791e))
+* Merge branch 'master' into tm-4451-lists ([efa0384](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/efa0384ec62cf3fc9230f3bea48715502f33c800))
+* Merge branch 'tm-4429-operator-sanitze' into 'master' ([1fe0bc7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1fe0bc71cbb66a5ac9224ea14d0c1be7d785fcf8))
+* Merge branch 'master' into tm-4451-lists ([8b4ae41](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8b4ae41386d59c6fc6e8da086f163b39a989752b))
+
+## [44.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v44.0.1...v44.0.2) (2024-06-18)
+
+
+### Bug Fixes
+
+* fix issue with counters when no page data available ([84bae30](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/84bae30616de3a8ea45e94b28847de37ef3d4798))
+
+
+* Merge branch 'tm-4327-stats' into 'master' ([42ccc46](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/42ccc46d6fa35b258527352cf6742d01ad2c021d))
+
 ## [44.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v44.0.0...v44.0.1) (2024-06-17)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "44.0.1",
+  "version": "45.0.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": "33.0.1",
+    "gatsby-core-theme": "33.1.0",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "prop-types": "15.7.2",

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -83,8 +83,7 @@ export default function ComparisonTable({
       const CustomComponent = rowData.customComponent;
       return <CustomComponent key={key} operator={item} />;
     }
-    const imageObject =
-      item?.relation?.standardised_logo_url_object || item?.relation?.logo_url_object;
+    const imageObject = item?.relation?.logo;
     const itemName = item?.relation?.name;
 
     switch (heading) {

package/src/components/atoms/cards/operator-card/template-four/index.js

@@ -37,7 +37,7 @@ const TemplateFour = ({
       }`}
     >
       <OperatorDetails
-        item={item}
+        item={item?.relation}
         showReviewLink={false}
         costumeStyle={styles.operatorDetails}
         imageWidth={width}
@@ -100,7 +100,7 @@ TemplateFour.propTypes = {
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
-      standardised_logo_url_object: PropTypes.shape({
+      logo: PropTypes.shape({
         filename: PropTypes.string,
       }),
     }),

package/src/components/atoms/cards/operator-card/template-four/template-four.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, cleanup, waitFor, screen } from '@testing-library/react';
+import { render, cleanup, waitFor } from '@testing-library/react';
 import { getSampleOperatorCards } from 'gatsby-core-theme/tests/factories/modules/card.factory';
 import TemplateFour from './index';
 
@@ -32,17 +32,14 @@ describe('TemplateFour component', () => {
     const func = require('gatsby-core-theme/src/helpers/device-detect');
     func.isNativeImageLazyLoadingSupported = jest.fn(() => true);
 
-    const { getByText } = render(<TemplateFour {...props} />);
+    const { getByText, container } = render(<TemplateFour {...props} />);
 
     await waitFor(() => {
-      const img = screen.getByAltText(relation.standardised_logo_url_object.alt);
-      expect(img).toBeVisible();
-      expect(img).toHaveAttribute(
-        'src',
-        'https://cdn.images.com/1656339756/casumo-casino-logo.svg'
-      );
-      expect(img).toHaveAttribute('width', '88');
-      expect(img).toHaveAttribute('height', '88');
+      const img = container.getElementsByClassName('image');
+      expect(img[0]).toBeVisible();
+      expect(img[0]).toHaveAttribute('src', 'https://cdn.images.com/1680183185/wildz.svg');
+      expect(img[0]).toHaveAttribute('width', '88');
+      expect(img[0]).toHaveAttribute('height', '88');
       expect(getByText(relation.name)).toBeTruthy();
     });
   });

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

@@ -55,7 +55,7 @@ const TemplateOne = ({
       }`}
     >
       <OperatorDetails
-        item={item}
+        item={item?.relation}
         showReviewLink={false}
         costumeStyle={styles.operatorDetails}
         imageWidth={operatorLogoWidth}
@@ -175,7 +175,7 @@ TemplateOne.propTypes = {
         terms_and_conditions_text_enabled: PropTypes.string,
       }),
       status: PropTypes.string,
-      standardised_logo_url_object: PropTypes.shape({
+      logo: PropTypes.shape({
         filename: PropTypes.string,
       }),
       selling_points: PropTypes.shape([]),

package/src/components/atoms/cards/operator-card/template-one/template-one.test.js

@@ -37,10 +37,7 @@ describe('TemplateOne component', () => {
     await waitFor(() => {
       const img = container.getElementsByClassName('image');
       expect(img[0]).toBeVisible();
-      expect(img[0]).toHaveAttribute(
-        'src',
-        'https://cdn.images.com/1656339756/casumo-casino-logo.svg'
-      );
+      expect(img[0]).toHaveAttribute('src', 'https://cdn.images.com/1680183185/wildz.svg');
       expect(img[0]).toHaveAttribute('width', '88');
       expect(img[0]).toHaveAttribute('height', '88');
       expect(getByText(relation.name)).toBeTruthy();

package/src/components/atoms/cards/operator-card/template-three/index.js

@@ -41,7 +41,7 @@ const TemplateThree = ({
       }`}
     >
       <OperatorDetails
-        item={item}
+        item={item?.relation}
         showReviewLink={false}
         costumeStyle={styles.operatorDetails}
         imageWidth={operatorLogoWidth}
@@ -124,7 +124,7 @@ TemplateThree.propTypes = {
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
-      standardised_logo_url_object: PropTypes.shape({
+      logo: PropTypes.shape({
         filename: PropTypes.string,
       }),
     }),

package/src/components/atoms/cards/operator-card/template-three/template-three.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, cleanup, waitFor, screen } from '@testing-library/react';
+import { render, cleanup, waitFor } from '@testing-library/react';
 import { getSampleOperatorCards } from 'gatsby-core-theme/tests/factories/modules/card.factory';
 import TemplateThree from './index';
 
@@ -32,17 +32,14 @@ describe('TemplateThree component', () => {
     const func = require('gatsby-core-theme/src/helpers/device-detect');
     func.isNativeImageLazyLoadingSupported = jest.fn(() => true);
 
-    const { getByText } = render(<TemplateThree {...props} />);
+    const { getByText, container } = render(<TemplateThree {...props} />);
 
     await waitFor(() => {
-      const img = screen.getByAltText(relation.standardised_logo_url_object.alt);
-      expect(img).toBeVisible();
-      expect(img).toHaveAttribute(
-        'src',
-        'https://cdn.images.com/1656339756/casumo-casino-logo.svg'
-      );
-      expect(img).toHaveAttribute('width', '88');
-      expect(img).toHaveAttribute('height', '88');
+      const img = container.getElementsByClassName('image');
+      expect(img[0]).toBeVisible();
+      expect(img[0]).toHaveAttribute('src', 'https://cdn.images.com/1680183185/wildz.svg');
+      expect(img[0]).toHaveAttribute('width', '88');
+      expect(img[0]).toHaveAttribute('height', '88');
       expect(getByText(relation.name)).toBeTruthy();
     });
   });

package/src/components/atoms/cards/operator-card/template-two/index.js

@@ -49,7 +49,7 @@ const TemplateTwo = ({
       }`}
     >
       <OperatorDetails
-        item={item}
+        item={item?.relation}
         showReviewLink={false}
         costumeStyle={styles.operatorDetails}
         imageWidth={operatorLogoWidth}
@@ -157,7 +157,7 @@ TemplateTwo.propTypes = {
         terms_and_conditions_text_enabled: PropTypes.string,
       }),
       status: PropTypes.string,
-      standardised_logo_url_object: PropTypes.shape({
+      logo: PropTypes.shape({
         filename: PropTypes.string,
       }),
     }),

package/src/components/atoms/cards/operator-card/template-two/template-two.test.js

@@ -32,17 +32,14 @@ describe('TemplateTwo component', () => {
     const func = require('gatsby-core-theme/src/helpers/device-detect');
     func.isNativeImageLazyLoadingSupported = jest.fn(() => true);
 
-    const { getByText } = render(<TemplateTwo {...props} />);
+    const { getByText, container } = render(<TemplateTwo {...props} />);
 
     await waitFor(() => {
-      const img = screen.getByAltText(relation.standardised_logo_url_object.alt);
-      expect(img).toBeVisible();
-      expect(img).toHaveAttribute(
-        'src',
-        'https://cdn.images.com/1656339756/casumo-casino-logo.svg'
-      );
-      expect(img).toHaveAttribute('width', '88');
-      expect(img).toHaveAttribute('height', '88');
+      const img = container.getElementsByClassName('image');
+      expect(img[0]).toBeVisible();
+      expect(img[0]).toHaveAttribute('src', 'https://cdn.images.com/1680183185/wildz.svg');
+      expect(img[0]).toHaveAttribute('width', '88');
+      expect(img[0]).toHaveAttribute('height', '88');
       expect(getByText(relation.name)).toBeTruthy();
     });
   });

package/src/components/atoms/cards/popup-card/index.js

@@ -28,7 +28,7 @@ const PopupCard = ({
   const operatorName = item.name;
   const oneLiner = item?.one_liners?.main?.one_liner;
   const tnc = item?.extra_fields?.terms_and_conditions_text_enabled;
-  const imageObject = item?.standardised_logo_url_object || item?.logo_url_object;
+  const imageObject = item?.logo;
 
   return (
     <div className={styles?.popupCard || ''}>
@@ -89,7 +89,7 @@ PopupCard.propTypes = {
     links: PropTypes.shape({
       main: PropTypes.string,
     }),
-    standardised_logo_url_object: PropTypes.shape({
+    logo: PropTypes.shape({
       alt: PropTypes.string,
     }),
     review_link: PropTypes.string,

package/src/components/atoms/statistics-counter/index.js

@@ -43,7 +43,9 @@ const StatisticsCounter = ({ page, module }) => {
             }
           ) || '-';
 
-        const component = componentToUse ? componentToUse(value, getStart(value)) : false;
+        // eslint-disable-next-line no-restricted-globals
+        const updatedVal = isNaN(value) ? 0 : value;
+        const component = componentToUse ? componentToUse(updatedVal, getStart(updatedVal)) : false;
 
         return (
           <div className={styles.gridItem || ''}>

package/src/components/molecules/header/variants/payment/template-five/index.js

@@ -94,10 +94,7 @@ const TemplateOneThree = ({
       {headerBonus && (
         <div className={styles.templateFiveCta}>
           <OperatorBanner
-            logo={
-              headerBonus?.value?.standardised_logo_url_object ||
-              headerBonus?.value?.logo_url_object
-            }
+            logo={headerBonus?.value?.logo}
             operator={headerBonus?.value}
             template={pageTemplate}
           />

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

@@ -53,10 +53,7 @@ const TemplateFour = ({
         </div>
         {headerBonus && (
           <OperatorBanner
-            logo={
-              headerBonus?.value?.standardised_logo_url_object ||
-              headerBonus?.value?.logo_url_object
-            }
+            logo={headerBonus?.value?.logo}
             operator={headerBonus?.value}
             template={pageTemplate}
           />

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

@@ -125,10 +125,7 @@ const TemplateOneThree = ({
       {headerBonus && (
         <div className={template !== 'template_three' ? styles.templateOneCta : styles.cta}>
           <OperatorBanner
-            logo={
-              headerBonus?.value?.standardised_logo_url_object ||
-              headerBonus?.value?.logo_url_object
-            }
+            logo={headerBonus?.value?.logo}
             operator={headerBonus?.value}
             template={pageTemplate}
           />

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

@@ -98,10 +98,7 @@ const TemplateTwo = ({
         </div>
         {headerBonus && (
           <OperatorBanner
-            logo={
-              headerBonus?.value?.standardised_logo_url_object ||
-              headerBonus?.value?.logo_url_object
-            }
+            logo={headerBonus?.value?.logo}
             operator={headerBonus?.value}
             template={pageTemplate}
           />

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

@@ -59,10 +59,7 @@ export default function SlotHeader({
         )}
         {headerBonus && (
           <OperatorBanner
-            logo={
-              headerBonus?.value?.standardised_logo_url_object ||
-              headerBonus?.value?.logo_url_object
-            }
+            logo={headerBonus?.value?.logo}
             operator={headerBonus?.value}
             template={page?.template}
           />

package/src/components/molecules/header/variants/slot/template-one/template-one.stories.js

@@ -56,7 +56,7 @@ Default.args = {
                   one_liner: '20 Free Spins No Deposit Bonus + 300% & 555 Spins Welcome Bonus',
                 },
               },
-              standardised_logo_url_object: {
+              logo: {
                 filename: '1651670485/davincis-gold-casino-logo.png',
               },
               links: { main: 'test' },

package/src/components/molecules/header/variants/slot/template-one/templateone.test.js

@@ -38,7 +38,7 @@ describe('summary component', () => {
                   one_liner: '20 Free Spins No Deposit Bonus + 300% & 555 Spins Welcome Bonus',
                 },
               },
-              standardised_logo_url_object: {
+              logo: {
                 filename: '1651670485/davincis-gold-casino-logo.png',
               },
               links: { main: 'test' },

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

@@ -44,9 +44,7 @@ const TemplateTwo = ({ page, image, width = '259', height = '259' }) => {
       </div>
       {headerBonus && (
         <OperatorBanner
-          logo={
-            headerBonus?.value?.standardised_logo_url_object || headerBonus?.value?.logo_url_object
-          }
+          logo={headerBonus?.value?.logo}
           operator={headerBonus?.value}
           template={page?.template}
         />

package/src/components/molecules/header/variants/slot/template-two/template-two.stories.js

@@ -56,7 +56,7 @@ Default.args = {
                   one_liner: '20 Free Spins No Deposit Bonus + 300% & 555 Spins Welcome Bonus',
                 },
               },
-              standardised_logo_url_object: {
+              logo: {
                 filename: '1651670485/davincis-gold-casino-logo.png',
               },
               links: { main: 'test' },

package/src/components/molecules/header/variants/slot/template-two/templatetwo.test.js

@@ -38,7 +38,7 @@ describe('summary component', () => {
                   one_liner: '20 Free Spins No Deposit Bonus + 300% & 555 Spins Welcome Bonus',
                 },
               },
-              standardised_logo_url_object: {
+              logo: {
                 filename: '1651670485/davincis-gold-casino-logo.png',
               },
               links: { main: 'test' },

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

@@ -51,14 +51,8 @@ const OperatorDetails = ({
   const hasRibbons = typeof ribbons !== 'undefined' && ribbons.length > 0;
   const trackerType = tracker.toLowerCase().replace(' ', '_');
 
-  const image =
-    item?.standardised_logo_url_object ||
-    item?.logo_url_object ||
-    item?.relation?.standardised_logo_url_object ||
-    item?.relation?.logo_url_object;
-
+  const image = item?.logo;
   const reviewPath = item?.review_link ? item?.review_link : item?.path || null;
-
   const rating = item?.rating || item?.relation?.rating;
 
   // eslint-disable-next-line react/prop-types
@@ -184,12 +178,9 @@ OperatorDetails.propTypes = {
     relation: PropTypes.shape({
       name: PropTypes.string,
       rating: PropTypes.string,
-      standardised_logo_url_object: PropTypes.shape({}),
-      logo_url_object: PropTypes.shape({}),
       status: PropTypes.string,
     }),
-    standardised_logo_url_object: PropTypes.shape({}),
-    logo_url_object: PropTypes.shape({}),
+    logo: PropTypes.shape({}),
 
     authorName: PropTypes.string,
     authorPath: PropTypes.string,

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

@@ -22,7 +22,7 @@ export default {
         name: 'Sample Operator Name',
         rating: '5',
         review_link: '/path',
-        standardised_logo_url_object: { filename: '1680183185/wildz.svg' },
+        logo: { filename: '1680183185/wildz.svg' },
         author: { name: 'John Doe', profile_page_path: 'path', image: '1675685947/ellipse-1.png' },
       },
     },

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

@@ -9,7 +9,7 @@ describe('OperatorDetails', () => {
     rating: '4.5',
     review_link: 'test-review-link',
     path: 'test-path',
-    standardised_logo_url_object: {
+    logo: {
       filename: 'test-filename',
     },
     author: {

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

@@ -20,7 +20,7 @@ const Banner = ({ bonus, template, closeButtonIcon = true, width = '48', height
     ? module_title.split(splitBy)
     : bonus?.value?.one_liners?.main?.one_liner.split('+');
   const { translations } = useContext(Context) || {};
-  const imageObject = value?.standardised_logo_url_object || value?.logo_url_object;
+  const imageObject = value?.logo;
   const tracker = isMobileDevice() ? 'mobbanner' : 'banner';
   const [closed, setClosed] = useState(false);
 

package/src/components/molecules/operator-summary/template-one/index.js

@@ -35,11 +35,9 @@ const TemplateOne = ({
   const operatorData = operatorDetails[0];
   const operatorSummary = operatorDetails[1];
 
-  const { standardised_logo_url_object, logo_url_object, name } = operatorData;
+  const { logo, name } = operatorData;
   const author = page.reviewer_id ? page?.reviewer : null;
-  const img = operatorImg
-    ? standardised_logo_url_object?.filename || logo_url_object?.filename
-    : author?.image;
+  const img = operatorImg ? logo?.filename : author?.image;
   const title = generatePlaceholderString(
     translate(translations, 'expert_casino_review_title', 'Expert Casino Review'),
     translations,
@@ -87,7 +85,7 @@ const TemplateOne = ({
         )}
       </div>
       <OperatorBanner
-        logo={standardised_logo_url_object || logo_url_object}
+        logo={logo}
         operator={operatorData}
         template={page?.template}
         module="operator_summary"

package/src/components/molecules/operator-summary/template-two/index.js

@@ -35,7 +35,7 @@ const TemplateTwo = ({
   const operatorSummary = operatorDetails[1];
 
   const { name } = operatorData;
-  const imageObject = operatorData?.standardised_logo_url_object || operatorData?.logo_url_object;
+  const imageObject = operatorData?.logo;
   const author = page.reviewer_id ? page?.reviewer : null;
   const img = operatorImg ? imageObject : author?.image;
 

package/src/components/molecules/sportstake/lotto-module/index.js

@@ -20,13 +20,8 @@ const LottoModule = ({ serverData, page }) => {
           template={template}
           operator={operator}
         />
-        <Rollover data={draw} lotteryName={draw.lottery} template={template} operator={operator} />
-        <LottoTable
-          data={draw}
-          lotteryName={draw.lottery}
-          template={template}
-          operator={operator}
-        />
+        <Rollover data={draw} lotteryName={draw.lottery} template={template} />
+        <LottoTable data={draw} lotteryName={draw.lottery} template={template} />
       </div>
     ))
   );

package/src/components/molecules/sportstake/lotto-module/winning-numbers/index.js

@@ -1,6 +1,5 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/button/operator-cta';
 import { prettyTracker, translate } from 'gatsby-core-theme/src/helpers/getters';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import keygen from 'gatsby-core-theme/src/helpers/keygen';
@@ -52,25 +51,6 @@ const WinningNumbers = ({ data, template, operator = null }) => {
           />
         </div>
         {getWinningNumbers()}
-        {operator && (
-          <div className={styles.btnContainer}>
-            <OperatorCta
-              module="lotto"
-              operator={operator}
-              pageTemplate={template}
-              translationsObj={{
-                active: { translationKey: 'play_now', defaultValue: 'Play Now' },
-                not_recommended: {
-                  translationKey: 'not_recommended',
-                  defaultValue: 'Not Recommended',
-                },
-                coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
-                inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
-                blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
-              }}
-            />
-          </div>
-        )}
       </div>
       <div className={styles.informationBlock}>
         <div className={styles.logoContainer}>

package/src/components/molecules/sportstake/lotto-module/winning-numbers/lotto.module.scss

@@ -63,19 +63,6 @@
   color: var(--lotto-winning-numbers-bonus-text-color, #ececf6);
 }
 
-.btnContainer {
-  > a {
-    height: 4.8rem;
-    font-weight: 700;
-    font-size: 2rem;
-    line-height: 3rem;
-  }
-
-  @include min(tablet) {
-    max-width: 20rem;
-  }
-}
-
 .informationBlock {
   display: flex;
   border-radius: 8px;

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

@@ -129,7 +129,7 @@ Row.propTypes = {
       pro_3: PropTypes.string,
     }),
     // eslint-disable-next-line react/forbid-prop-types
-    standardised_logo_url_object: PropTypes.object,
+    logo: PropTypes.object,
     // eslint-disable-next-line react/forbid-prop-types
     logo_url_object: PropTypes.object,
 

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

@@ -87,9 +87,7 @@ export default function Header({ section, numOfStarsRating = 5, showAuthor }) {
           relation: pageSection?.page?.relation || {},
           name: pageSection?.page?.title || pageSection?.page?.relation?.name,
           ribbons: pageSection?.page?.relation?.ribbons || [],
-          image:
-            pageSection?.page?.relation?.standardised_logo_url_object ||
-            pageSection?.page?.relation?.logo_url_object,
+          image: pageSection?.page?.relation?.logo,
           featureImg: pageSection?.page?.featured_image_object,
           extraFields: pageSection?.page?.extra_fields || {},
           numOfStars: starratings,

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

@@ -169,7 +169,7 @@ const Main = ({
             falseVotes={page?.false_votes}
             pageId={page?.id}
             casinoTitle={page?.relation ? page?.relation.name : page?.title}
-            operatorImg={page?.relation?.standardised_logo_url || page?.relation?.logo_url}
+            operatorImg={page?.relation?.logo}
           />
         </Suspense>
       )}

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

@@ -62,6 +62,7 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }
           section={isRGpage ? rgNavigation : navigation}
           searchIcon="../../../../../../images/search.svg"
           menu="main_menu"
+          disableSearch={isRGpage}
           options={{
             mobile: {
               animation: 'collapseFull',

package/src/gatsby-core-theme/styles/utils/variables/_main.scss

@@ -302,4 +302,8 @@
   --stats-item-value-label-font-weight: 400;
   --stats-item-value-label-line-height: 1.6rem;
   --stats-max-width: var(--main-container-max);
+
+  // Content Module
+  --content-list-padding: 0 1.6rem 1.6rem 5.2rem;
+  --content-list-last-padding: 0;
 }

package/src/helpers/statistics-counter.js

@@ -6,5 +6,5 @@ export const getGamblers = (obj) => obj?.default * obj?.operator_review;
 
 export const getStart = (value) => {
   if (value > 300) return value - 200;
-  return 1;
+  return 0;
 };