gatsby-core-theme 1.0.1 → 1.1.0

package/CHANGELOG.md

@@ -1,3 +1,46 @@
+# [1.1.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.0.1...v1.1.0) (2021-09-22)
+
+
+### Bug Fixes
+
+* added tests for cardsv2 functions and fixed some errors ([03452ff](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/03452ff6adfda6210530b4e26d878910a7eefecc))
+* added tests for process toplist ([9070692](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/90706924121fb9553b8cc268672a654aa0961c6f))
+* fixed a case that was not working, and refactored processCardsV2 function ([1a8c809](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1a8c809ce8675d2c7538538dbdfae3be4b076dd3))
+
+
+### Code Refactoring
+
+* add preact and gatsby image to header ([0f2d32f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0f2d32f0d892643760ead49cfc2534cd1eaf2e63))
+* created reusable filter pages function ([53fff79](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/53fff79f1980c5d915f5b71db341d2f3d822bb13))
+* refactor fitlerpages function ([78bb571](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/78bb5711286d2268b5447f4477d224ed9a3e12e0))
+* remove commented code ([7dbd291](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7dbd291f7c3f774d5bf157f657cd38ae43f58661))
+* remove getMarketCountryNames from getters ([872e3f3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/872e3f30c174b9803540b0fa396092c8db293ab8))
+* update getMarketCountryName getter func ([2b69823](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2b69823b7ce45dbff9b500a27a4e50618f2dca1c))
+* wip on cardsv2 seperation ([b03b56e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b03b56e4befd85526245b993190b072b080aad91))
+
+
+### Config
+
+* archive set to show only custom content pages for rage-seo ([8fa126f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8fa126f40cf5c74e7b3c792aca5fd772e5db9bc9))
+
+
+* Merge branch 'tm-2440-archive-fix' into 'master' ([590807a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/590807a151ed2ea1a62c22495571dfac6e6ac8a3))
+* Merge branch 'tm-2441-performance-improvements' into 'master' ([3667155](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/366715556a25678e788fb35e93986e52d12be3b5))
+* Merge branch 'tm-2411-cards-v2-phase-two' into 'master' ([2d54250](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2d542504b37197f9fc0fc3abb17be253dba2463d))
+* Merge branch 'tm-2409-update-rage-ppc-simplify-watchfooty' into 'master' ([37f146c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/37f146cd06a4df8cf000d8452ee761469cd482bb))
+* Merge branch 'master' into tm-2409-update-rage-ppc-simplify-watchfooty ([2195df3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2195df37d4c4f3713bb9f3216c80406f0ea14391))
+
+
+### Features
+
+* add gatsby-image plugin to demo site ([6cd736e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6cd736e164c4d4695852d423ac552ff46ddab6ba))
+* added cardsv2 phase two ([71538d9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/71538d94662d5bc7c94c0b4463d17138471e3b92))
+
+
+### Tests
+
+* changes to test script to accommodate gatsby-img ([7f70025](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7f700255e15cc2b1e26de75fbcc18a7389aa5f78))
+
 ## [1.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.0.0...v1.0.1) (2021-09-10)
 
 

package/gatsby-config.js

@@ -42,5 +42,7 @@ module.exports = {
         ],
       },
     },
+    `gatsby-plugin-preact`,
+    `gatsby-plugin-image`,
   ],
 };

package/gatsby-node.esm.js

@@ -28,7 +28,16 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
     (module) => module.name === 'archive'
   );
   const archiveModule = pageObject.sections.main.modules[archiveModuleIndex];
-  const archivePages = cloneDeep(pages[pageObject.market][archiveModule.model_type]);
+  let archivePages = cloneDeep(pages[pageObject.market][archiveModule.model_type]);
+
+  if (process.env.CUSTOM_CONTENT_PAGES_PATH && archivePages) {
+    // eslint-disable-next-line array-callback-return
+    archivePages = archivePages.filter((item) => {
+      if (item.path.includes(process.env.CUSTOM_CONTENT_PAGES_PATH)) {
+        return item;
+      }
+    });
+  }
 
   if (!archivePages) {
     console.log(`Archive for ${pageObject.path} broken`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",
@@ -37,6 +37,7 @@
     "gatsby-plugin-loadable-components-ssr": "^3.3.0",
     "gatsby-plugin-manifest": "^3.3.0",
     "gatsby-plugin-postcss": "^4.3.0",
+    "gatsby-plugin-preact": "^5.13.0",
     "gatsby-plugin-react-helmet": "^4.3.0",
     "gatsby-plugin-sass": "^4.3.0",
     "gatsby-plugin-sharp": "^3.3.0",
@@ -50,6 +51,8 @@
     "node-sass": "5.0.0",
     "normalize.css": "^8.0.1",
     "postcss": "^8.2.10",
+    "preact": "^10.5.14",
+    "preact-render-to-string": "^5.1.19",
     "prop-types": "15.7.2",
     "react": "^17.0.2",
     "react-cookies": "^0.1.1",

package/src/components/molecules/header/header.module.scss

@@ -9,6 +9,18 @@
     object-fit: cover;
   }
 
+  .bgImage {
+    height: 0;
+    > div {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      left: 0;
+      object-fit: cover;
+      background-color: black;
+    }
+  }
+
   .headerContent {
     z-index: 1;
     padding: 2.4rem;

package/src/components/molecules/header/index.js

@@ -6,6 +6,9 @@ import Breadcrumbs from '~atoms/breadcrumbs';
 import Author from '~atoms/author';
 import { imagePrettyUrl, getSectionExtraField } from '~helpers/getters';
 
+// eslint-disable-next-line import/no-named-as-default
+import Image from '../../../hooks/gatsby-img';
+
 /* eslint-disable camelcase, react/no-danger */
 
 function Header({ section, content = null, backgroundImage = true }) {
@@ -14,15 +17,9 @@ function Header({ section, content = null, backgroundImage = true }) {
   const uploadedBg = imagePrettyUrl(backgroundImageValue);
 
   let backgroundImg = (
-    <picture className={styles.headerImage}>
-      <source
-        media="(min-width: 768px)"
-        srcSet="../../../images/headerBackground.webp 1440w"
-        type="image/webp"
-      />
-      <source srcSet="../../../images/headerBackgroundMob.webp 370w" type="image/webp" />
-      <img src="../../../images/headerBackground.png" alt="header" />
-    </picture>
+    <div className={styles.bgImage}>
+      <Image filename="headerBackground.png" alt="header" />
+    </div>
   );
   if (backgroundImageValue) {
     backgroundImg = <img src={uploadedBg} alt="header" className={styles.headerImage} />;

package/src/helpers/getters.js

@@ -32,6 +32,7 @@ export function getExtraField(extraFields, key, defaultValue) {
 export function getSection(shortCode, pageContext) {
   const page = pageContext?.page;
   const marketSections = pageContext?.marketSections;
+  // eslint-disable-next-line
   if (!page || !page.hasOwnProperty('sections') || !page.sections.hasOwnProperty(shortCode)) {
     return null;
   }
@@ -166,6 +167,7 @@ export function getBonus(name, operator) {
   // site data
   if (
     operator.one_liners &&
+    // eslint-disable-next-line
     operator.one_liners.hasOwnProperty(name) &&
     operator.one_liners[name].one_liner !== ''
   ) {
@@ -175,6 +177,7 @@ export function getBonus(name, operator) {
   if (
     operator.bonus &&
     operator.bonus.one_liners &&
+    // eslint-disable-next-line
     operator.bonus.one_liners.hasOwnProperty(name)
   ) {
     return operator.bonus.one_liners[name] || null;
@@ -298,6 +301,7 @@ export function getFirstModuleByName(section, moduleName) {
 }
 
 export function translate(translations, key, defaultValue = '') {
+  // eslint-disable-next-line
   if (translations?.hasOwnProperty(key)) {
     return translations[key];
   }
@@ -307,19 +311,3 @@ export function translate(translations, key, defaultValue = '') {
 export function getAws(imageName) {
   return `https://assets-srv.s3.eu-west-1.amazonaws.com/${imageName}`;
 }
-
-// Add more countries as needed
-export function getMarketCountryName(marketId) {
-  let countryName;
-  switch (marketId) {
-    case 'dk_da':
-      countryName = 'denmark';
-      break;
-    case 'fi_fi':
-      countryName = 'finland';
-      break;
-    default:
-      countryName = null;
-  }
-  return countryName;
-}

package/src/helpers/processor/common.js

@@ -74,3 +74,17 @@ export function clonePageForCards(item, siteId) {
 
   return object;
 }
+
+export function removeDuplicates(list, key) {
+  if (!list || !key) {
+    return [];
+  }
+
+  return list.reduce((filtered, current) => {
+    const duplicateItem = filtered.find((item) => item[key] === current[key]);
+    if (!duplicateItem) {
+      return filtered.concat([current]);
+    }
+    return filtered;
+  }, []);
+}

package/src/helpers/processor/common.test.js

@@ -1,4 +1,4 @@
-import { groupBy } from './common';
+import { groupBy, removeDuplicates } from './common';
 import getPageDataList from '~tests/factories/pages/list.factory';
 
 describe('Common Helper', () => {
@@ -10,4 +10,12 @@ describe('Common Helper', () => {
     const pagesMappedByMetaTitle = groupBy(getPageDataList(pagesNum), 'meta_title');
     expect(Object.keys(pagesMappedByMetaTitle).length).toBe(2);
   });
+
+  test('Remove duplicates function', () => {
+    const array = getPageDataList(2);
+    array[2] = { id: 1, name: 'Test' };
+
+    const filtered = removeDuplicates(array, 'id');
+    expect(filtered).toHaveLength(2);
+  });
 });

package/src/helpers/processor/modules.js

@@ -1,7 +1,7 @@
 import { cloneDeep, pick, sampleSize } from 'lodash';
 
 // eslint-disable-next-line import/no-cycle
-import { clonePageForCards, groupBy } from './common';
+import { clonePageForCards, groupBy, removeDuplicates } from './common';
 import { topListPickKeys } from '../../constants/pick-keys';
 
 const pagesGroupedByTemplateId = [];
@@ -33,11 +33,77 @@ export function processCardsModule(module, pages, pagesCloned, pagesMappedById)
   module.items = module.items.map((item) => clonePageForCards(cloneDeep(item)));
 }
 
+export function filterPages(pages, selectedFilters, key) {
+  let filteredPages = [];
+
+  if (selectedFilters) {
+    selectedFilters.forEach((id) => {
+      filteredPages = filteredPages.concat(
+        pages.filter((page) => {
+          const compareArr = !Array.isArray(page[key]) ? [page[key]] : page[key];
+          return compareArr.includes(id);
+        })
+      );
+    });
+  } else {
+    filteredPages = pages;
+  }
+
+  return filteredPages;
+}
+
+export function filterGames(pages, selectedCategories, selectedProviders) {
+  const pagesFiltered = [];
+  if (!selectedCategories && !selectedProviders) {
+    return pages;
+  }
+
+  pages.forEach((page) => {
+    page.relation.game_categories.forEach((game) => {
+      if (selectedCategories && selectedCategories.includes(game.id)) {
+        pagesFiltered.push(page);
+      }
+    });
+    if (selectedProviders && selectedProviders.includes(page.relation.game_provider.id)) {
+      pagesFiltered.push(page);
+    }
+  });
+
+  return pagesFiltered;
+}
+
+export function filterOperators(pages, selectedProviders, selectedTypes) {
+  const pagesFiltered = [];
+  if (!selectedTypes && !selectedProviders) {
+    return pages;
+  }
+
+  pages.forEach((page) => {
+    page.relation.software.forEach((software) => {
+      if (selectedProviders && selectedProviders.includes(software.id)) {
+        pagesFiltered.push(page);
+      }
+    });
+    page.relation.types.forEach((type) => {
+      if (selectedTypes && selectedTypes.includes(type)) {
+        pagesFiltered.push(page);
+      }
+    });
+  });
+
+  return pagesFiltered;
+}
+
 export function processCardsV2(module, pagesCloned, pagesMappedById) {
   const pageType = module.cards_page_type;
   const pageTemplateId = module.cards_page_type_id;
   const sortType = module.cards_selector_filters_sort_by;
   const cardSelector = module.cards_selector;
+  const moduleSelectedProviders =
+    module.cards_selector_filters && module.cards_selector_filters.providers;
+  const moduleSelectedCategories =
+    module.cards_selector_filters && module.cards_selector_filters.categories;
+  const moduleSelectedTypes = module.cards_selector_filters && module.cards_selector_filters.types;
   module.items = [];
 
   if (cardSelector === 'select_manually') {
@@ -56,52 +122,50 @@ export function processCardsV2(module, pagesCloned, pagesMappedById) {
       pagesGroupedByTemplateId[pageType] = groupBy(pagesGroupedByType, 'template_id');
     }
 
-    // Populate pagesObject if page type and template exists
-    const pagesObject =
+    // Populate pagesList if page type and template exists
+    const pagesList =
       !pagesGroupedByTemplateId[pageType] || !pagesGroupedByTemplateId[pageType][pageTemplateId]
         ? []
         : pagesGroupedByTemplateId[pageType][pageTemplateId];
 
     // Check if there are pages before starting filtering
-    if (pagesObject.length > 0) {
+    if (pagesList.length > 0) {
       const selectedAuthors = module.cards_selector_filters.page_authors;
       const selectedCategories = module.cards_selector_filters.page_categories;
 
-      let pagesFilteredByAuthor = [];
-      let finalizedPageFilters = [];
-
-      // Filtering by Page Authors
-      // eslint-disable-next-line no-unused-expressions
-      if (selectedAuthors) {
-        const pagesMappedByAuthor = groupBy(pagesObject, 'author_id');
-        selectedAuthors.forEach((authorId) => {
-          pagesFilteredByAuthor = pagesFilteredByAuthor.concat(pagesMappedByAuthor[authorId] || []);
-        });
-      } else {
-        pagesFilteredByAuthor = pagesObject;
-      }
-
-      // Filtering by Page Categories
-      // eslint-disable-next-line no-unused-expressions
-      selectedCategories
-        ? selectedCategories.forEach((categoryId) => {
-            finalizedPageFilters = finalizedPageFilters.concat(
-              pagesFilteredByAuthor.filter((page) => page.categories.includes(categoryId))
-            );
-          })
-        : (finalizedPageFilters = pagesFilteredByAuthor);
+      const pagesFilteredByAuthor = filterPages(pagesList, selectedAuthors, 'author_id');
+      const pagesFilteredByAuthorAndCategory = filterPages(
+        pagesFilteredByAuthor,
+        selectedCategories,
+        'categories'
+      );
 
       // Removing any duplicate pages in the final array (because pages may have more than one category)
-      const uniquePages = finalizedPageFilters.reduce((filteredPages, current) => {
-        const duplicateItem = filteredPages.find((page) => page.id === current.id);
-        if (!duplicateItem) {
-          return filteredPages.concat([current]);
-        }
-        return filteredPages;
-      }, []);
+      const filteredPages = removeDuplicates(pagesFilteredByAuthorAndCategory, 'id');
 
       // Get limit, if not set 50 as default
       const itemLimit = module.cards_selector_filters_limit || 50;
+      let finalizedFilteredPages = [];
+
+      switch (pageType) {
+        case 'game':
+          finalizedFilteredPages = filterGames(
+            filteredPages,
+            moduleSelectedCategories,
+            moduleSelectedProviders
+          );
+          break;
+        case 'operator':
+          finalizedFilteredPages = filterOperators(
+            filteredPages,
+            moduleSelectedProviders,
+            moduleSelectedTypes
+          );
+          break;
+        default:
+          finalizedFilteredPages = filteredPages;
+      }
+      const uniquePages = removeDuplicates(finalizedFilteredPages, 'id');
 
       // Applying sorting
       if (sortType === 'random') {

package/src/helpers/processor/modules.test.js

@@ -1,10 +1,18 @@
 import { groupBy } from './common';
-import { processCardsV2 } from './modules';
+import {
+  filterPages,
+  processCardsV2,
+  filterGames,
+  filterOperators,
+  processBonus,
+  processTopListModule,
+} from './modules';
 import getPageDataList from '~tests/factories/pages/list.factory';
 import {
   getSampleCardsV2ModuleManual,
   getSampleCardsV2Filtered,
 } from '~tests/factories/modules/card.factory.js';
+import { relationData, singleToplistData } from '../../../tests/factories/modules/toplist.factory';
 
 describe('Modules Helper', () => {
   test('Cards V2 Manual list', () => {
@@ -28,4 +36,61 @@ describe('Modules Helper', () => {
 
     expect(moduleData.items).toHaveLength(4);
   });
+
+  test('filterPages function', () => {
+    const pages = getPageDataList(3);
+    pages[0].author_id = 1;
+    const selectedFilters = [1];
+
+    const filteredPages = filterPages(pages, selectedFilters, 'author_id');
+    expect(filteredPages).toHaveLength(1);
+    expect(filteredPages[0].author_id).toEqual(1);
+  });
+
+  test('Filter games function', () => {
+    let pages = getPageDataList(2);
+    let filtered = filterGames(pages, undefined, undefined);
+    expect(filtered).toHaveLength(2);
+
+    pages = getPageDataList(3);
+    pages[0].relation = { game_categories: [{ id: 2 }], game_provider: { id: 4 } };
+    pages[1].relation = { game_categories: [{ id: 3 }], game_provider: { id: 3 } };
+    pages[2].relation = { game_categories: [{ id: 5 }], game_provider: { id: 5 } };
+    filtered = filterGames(pages, [3], [4]);
+
+    expect(filtered).toHaveLength(2);
+  });
+
+  test('Filter operators function', () => {
+    let pages = getPageDataList(3);
+    let filtered = filterOperators(pages, undefined, undefined);
+    expect(filtered).toHaveLength(3);
+
+    pages = getPageDataList(4);
+    pages[0].relation = { software: [{ id: 2 }], types: [1] };
+    pages[1].relation = { software: [{ id: 3 }], types: [2] };
+    pages[2].relation = { software: [{ id: 4 }], types: [3] };
+    pages[3].relation = { software: [{ id: 5 }], types: [4] };
+
+    filtered = filterOperators(pages, [2], [4]);
+
+    expect(filtered).toHaveLength(2);
+  });
+
+  test('Process Bonus function', () => {
+    const module = { value: 1 };
+    const relations = { operator: { 1: { test: 'test' } } };
+
+    processBonus(module, relations);
+    expect(module.value.test).toEqual('test');
+  });
+
+  test('Process TopList module', () => {
+    processTopListModule(singleToplistData, relationData);
+
+    expect(singleToplistData.items[0].items[0].rating_casino).toEqual('4');
+    expect(singleToplistData.items[0].items[0].selling_points).toHaveLength(2);
+    expect(singleToplistData.items[0].items[0].short_name).toEqual('slotum');
+    expect(singleToplistData.items[0].items[0].bonus.deposit_methods).toHaveLength(1);
+  });
 });

package/src/hooks/gatsby-img/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { StaticQuery, graphql } from 'gatsby';
+import { graphql, useStaticQuery } from 'gatsby';
 import { GatsbyImage } from 'gatsby-plugin-image';
 
 export const PureImage = ({
@@ -11,7 +11,7 @@ export const PureImage = ({
   width = '100%',
   data,
 }) => {
-  const image = data.images.edges.find((n) => n.node.relativePath.includes(filename));
+  const image = data && data.images.edges.find((n) => n.node.relativePath.includes(filename));
   if (!image) {
     return null;
   }
@@ -26,26 +26,25 @@ export const PureImage = ({
   );
 };
 
-export const Image = (props) => (
-  <StaticQuery
-    query={graphql`
-      query {
-        images: allFile(filter: { extension: { nin: ["svg", "gif", ".gitkeep"] } }) {
-          edges {
-            node {
-              relativePath
-              name
-              childImageSharp {
-                gatsbyImageData(layout: FULL_WIDTH)
-              }
+export const Image = (props) => {
+  const data = useStaticQuery(graphql`
+    query {
+      images: allFile(filter: { extension: { nin: ["svg", "gif", ".gitkeep"] } }) {
+        edges {
+          node {
+            relativePath
+            name
+            childImageSharp {
+              gatsbyImageData(layout: FULL_WIDTH)
             }
           }
         }
       }
-    `}
-    render={(data) => <PureImage {...props} data={data} />}
-  />
-);
+    }
+  `);
+
+  return <PureImage {...props} data={data} />;
+};
 
 PureImage.propTypes = {
   filename: PropTypes.string,

package/tests/factories/modules/toplist.factory.js

@@ -104,6 +104,7 @@ export const multiToplistData = {
           name: 'Bet365',
           type: 'casino',
           short_name: 'bet365',
+          operator_id: 6342,
           logo_url: 'image-63.png',
           rating: '3',
           review_link: '/bet365',
@@ -431,6 +432,10 @@ export const singleToplistData = {
         {
           name: 'Slotum',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: ['test'],
+          },
           short_name: 'slotum',
           logo_url: 'slotum-casino-logo-transparentpng6b10407566-original.png',
           rating: '4',
@@ -453,6 +458,10 @@ export const singleToplistData = {
         {
           name: 'Rizk',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'rizk',
           logo_url: 'rizk-logopng7ed316ac19-original.png',
           rating: '4',
@@ -475,6 +484,10 @@ export const singleToplistData = {
         {
           name: 'Casoola',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'casoola',
           logo_url: 'casoola-logopng381ab5c04f-original.png',
           rating: '3',
@@ -492,6 +505,10 @@ export const singleToplistData = {
         {
           name: 'Bet365',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'bet365',
           logo_url: 'image-63.png',
           rating: '3',
@@ -512,6 +529,10 @@ export const singleToplistData = {
         {
           name: 'Captain Spins',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'captain-spins',
           logo_url: 'captain-spins-logopng07b24ceb59-original.png',
           rating: '4',
@@ -532,6 +553,10 @@ export const singleToplistData = {
         {
           name: 'Casino Gods',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'casino-gods',
           logo_url: 'casino-gods-logopng3bfc0d51-original.png',
           rating: '3',
@@ -552,6 +577,10 @@ export const singleToplistData = {
         {
           name: 'Jinni Lotto',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'jinni-lotto',
           logo_url: 'jinnilotto-logopng464964d6b0-original.png',
           rating: '4',
@@ -572,6 +601,10 @@ export const singleToplistData = {
         {
           name: 'Betfair',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'betfair',
           logo_url: '5aedeb23bb-original.png',
           rating: '5',
@@ -592,6 +625,10 @@ export const singleToplistData = {
         {
           name: 'Casoola',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'casoola',
           logo_url: 'casoola-logopng381ab5c04f-original.png',
           rating: '3',
@@ -612,6 +649,10 @@ export const singleToplistData = {
         {
           name: 'Bet365',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'bet365',
           logo_url: 'image-63.png',
           rating: '3',
@@ -632,6 +673,10 @@ export const singleToplistData = {
         {
           name: 'Captain Spins',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'captain-spins',
           logo_url: 'captain-spins-logopng07b24ceb59-original.png',
           rating: '4',
@@ -652,6 +697,10 @@ export const singleToplistData = {
         {
           name: 'Slotum',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'slotum',
           logo_url: 'slotum-casino-logo-transparentpng6b10407566-original.png',
           rating: '4',
@@ -672,6 +721,10 @@ export const singleToplistData = {
         {
           name: 'Casoola',
           type: 'casino',
+          operator_id: 6342,
+          bonus: {
+            deposit_methods: [],
+          },
           short_name: 'casoola',
           logo_url: 'casoola-logopng381ab5c04f-original.png',
           rating: '3',
@@ -700,3 +753,70 @@ export const singleToplistData = {
     },
   ],
 };
+
+export const relationData = {
+  operator: {
+    6342: {
+      id: 6342,
+      market_id: 25,
+      operator_id: 319,
+      review_link: 'http://www.irishluck.ie/dunder-casino-review/',
+      rating_casino: '4',
+      rating_games: '4.3',
+      rating_bonuses: '4.3',
+      rating_customer: '4.5',
+      rating_payout: '',
+      rating: '4.3',
+      selling_points: [],
+      per_site_enabled: true,
+      status: 'active',
+      date_last_modified: '2020-10-06',
+      links: {
+        main: 'https://media.dunderaffiliates.com/redirect.aspx?pid=630524&bid=1477',
+        'PPC Fallback': 'https://media.dunderaffiliates.com/redirect.aspx?pid=740444&bid=1803',
+      },
+      custom_links: [],
+      owner: 'Burstit Limited',
+      types: ['casino'],
+      type: 'casino',
+      deposit_wagering: '0x',
+      support_types: 'Live chat, Email, Vip Support',
+      bonus: {
+        deposit_methods: ['asd', 'asd'],
+      },
+      software: [
+        {
+          id: 2,
+          name: '2by2 Gaming',
+          short_name: '2_by_2_gaming',
+          logo_asset_id: 10737,
+          games_count: 1,
+          updated_at: null,
+        },
+        {
+          id: 5,
+          name: 'Amaya',
+          short_name: 'amaya',
+          logo_asset_id: 0,
+          games_count: 0,
+          updated_at: null,
+        },
+      ],
+      one_liners: {
+        main: {
+          one_liner: '€100 Welcome bonus+ 120 Free Spins',
+          start_date: null,
+          end_date: null,
+          categories: [],
+          percentage: '',
+          amount: '',
+          freespins: '',
+          freemoney: '',
+          freespins_nodeposit_amount: '',
+          freespins_nodeposit_bonuscode: '',
+          freespins_nodeposit_games: '',
+        },
+      },
+    },
+  },
+};