gatsby-core-theme 2.0.3 → 2.0.7

package/CHANGELOG.md

@@ -1,3 +1,46 @@
+## [2.0.7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.0.6...v2.0.7) (2021-12-23)
+
+
+### Bug Fixes
+
+* spotlight ([07c238b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/07c238b0003de01cd6adf2c2c16080f734dc2029))
+* spotlight test ([e649604](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e649604c45d6064d29ba022ac59f71f04ad0ed4b))
+
+## [2.0.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.0.5...v2.0.6) (2021-12-22)
+
+
+### Bug Fixes
+
+* spotlights component ([04bb5db](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/04bb5dbb2fd3ce69c511a99b16e7747dcdc7c3f6))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([c7653a6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c7653a6da041061559855106cd6dfa7f9581a2c7))
+
+## [2.0.5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.0.4...v2.0.5) (2021-12-22)
+
+
+### Bug Fixes
+
+* spotlights component ([f6221a6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f6221a69e2941bba6d868af5e5c083a89f10a9ce))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([7952c78](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7952c78019d7220cca07b5516cb462ef620e6d38))
+
+## [2.0.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.0.3...v2.0.4) (2021-12-22)
+
+
+### Bug Fixes
+
+* operator bonus added dividor ([f191fd6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f191fd60fb0be440b7fa16b8d4415a0997c00608))
+* sitemap bug in rage sites ([ce649bf](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ce649bfcce46d8b9bc5d732028555d68c6e800bc))
+* spotlights component ([3154c2a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3154c2a89ed1da2231f4031e386166c0b408309f))
+* star ratings ([884ba75](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/884ba7515f8835a20b673753887cd57173672f6a))
+
+
+* Merge branch 'tm-2630-rage-sitemap' into 'master' ([f00efd3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f00efd3c5060bc3b55171052aa3e948e95caf8f9))
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([026b9ad](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/026b9adf17a058e64e7d81f588a03b36550c2de4))
+* Merge branch 'tm-2610-operator-bonus' into 'master' ([6415f0e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6415f0ee7badb5e1435f2bcce2a85c6fbbe25826))
+
 ## [2.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v2.0.2...v2.0.3) (2021-12-18)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "2.0.3",
+  "version": "2.0.7",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",

package/src/components/atoms/bonus/bonus.test.js

@@ -11,8 +11,6 @@ describe('Bonus Component', () => {
     const { container, getByText } = render(<Bonus item={item} tracker="main" />);
     expect(getByText('€100 welcome bonus')).toBeTruthy();
     expect(getByText('€100 welcome bonus').getAttribute('class')).toEqual('title');
-    expect(getByText('150 free spins')).toBeTruthy();
-    expect(getByText('150 free spins').getAttribute('class')).toEqual('desc');
     expect(container.querySelector('div.bonus')).toBeTruthy();
   });
   test('without oneLiner', () => {

package/src/components/atoms/bonus/index.js

@@ -17,7 +17,7 @@ const Bonus = ({ item, tracker = 'main' }) => {
     <div className={styles.bonus}>
       <div className={styles.title}>{onelinerSplitted[0]}</div>
       {onelinerSplitted.length === 2 && (
-        <div className={styles.desc}>{` ${onelinerSplitted[1]}`}</div>
+        <div className={styles.desc}>{`+${onelinerSplitted[1]}`}</div>
       )}
     </div>
   );
@@ -25,10 +25,7 @@ const Bonus = ({ item, tracker = 'main' }) => {
 
 Bonus.propTypes = {
   tracker: PropTypes.string,
-  item: PropTypes.shape({
-    one_liners: PropTypes.object,
-    bonus: PropTypes.object,
-  }),
+  item: PropTypes.shape({}),
 };
 
 export default Bonus;

package/src/components/atoms/spotlights/index.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { GrFormNextLink } from 'react-icons/gr';
-
+import Button from '~atoms/button';
 import LazyImage from '~hooks/lazy-image';
 import keygen from '~helpers/keygen';
 import { imagePrettyUrl } from '~helpers/getters';
@@ -18,15 +18,23 @@ const Spotlights = ({ module }) => {
     return (
       <>
         <span className={styles.itemImage}>
-          <LazyImage alt={item.label || item?.link_text} src={imagePrettyUrl(img)} />
+          <LazyImage
+            width={100}
+            height={50}
+            alt={item.label || item?.link_text}
+            src={imagePrettyUrl(img)}
+          />
         </span>
-        <span className={styles.label}>{item.label}</span>
+        <div className={styles.content}>
+          <span className={styles.label}>{item.label}</span>
+          {item.subtitle && <span className={styles.subtitle}>{item.subtitle}</span>}
+        </div>
       </>
     );
   };
 
   return (
-    <div className={styles.spotlightsContainer}>
+    <div className={`${styles.spotlightsContainer} ${module.style ? styles[module.style] : ''}`}>
       {show_read_more === '1' && (
         <div
           className={styles.spotlightstext}
@@ -60,7 +68,7 @@ const Spotlights = ({ module }) => {
 
             {mode === 'image_text' && (
               <div className={styles.body}>
-                <p className={styles.text} dangerouslySetInnerHTML={{ __html: item.text }} />
+                <div className={styles.text} dangerouslySetInnerHTML={{ __html: item.text }} />
                 {item.link.value && item.link.type === 'external' ? (
                   <a
                     href={item.link.value}
@@ -75,14 +83,17 @@ const Spotlights = ({ module }) => {
                 ) : (
                   <>
                     {item.link.value && (
-                      <Link
+                      <Button
+                        btnText={item.link_text ? item.link_text : 'Read More'}
+                        invertColors
+                        className={styles.readMore}
+                        isAnchorLink
+                        isInternalLink={item.link.type !== 'external'}
+                        targetBlank={item.link.type === 'external'}
                         to={item.link.value}
-                        title={item.label}
-                        className={`${styles.readMore} spotlights-gtm`}
-                      >
-                        {item.link_text ? item.link_text : 'Read More'}
-                        <GrFormNextLink />
-                      </Link>
+                        primaryColor={false}
+                        gtmClass="spotlights-gtm btn-cta"
+                      />
                     )}
                   </>
                 )}
@@ -96,6 +107,7 @@ const Spotlights = ({ module }) => {
 };
 Spotlights.propTypes = {
   module: PropTypes.shape({
+    style: PropTypes.string,
     mode: PropTypes.oneOf(['image', 'icon', 'image_text']).isRequired,
     items: PropTypes.arrayOf(
       PropTypes.shape({

package/src/components/atoms/spotlights/spotlights.module.scss

@@ -11,7 +11,7 @@
     }
 
     @include min(desktop) {
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: repeat(3, 1fr);
       column-gap: 1.6rem;
     }
     li {
@@ -29,17 +29,21 @@
         width: 100%;
         height: 15rem;
         img {
-          width: 100%;
+          width: auto;
           height: 100%;
           object-fit: cover;
         }
       }
-      .label {
-        font-weight: 700;
-        font-size: 2rem;
-        color: black;
+
+      .content {
         padding: 1rem;
+        .label {
+          font-weight: 700;
+          font-size: 2rem;
+          color: black;
+        }
       }
+
       .body {
         padding: 0 1rem 1rem 1rem;
       }

package/src/components/molecules/star-rating/index.js

@@ -34,9 +34,9 @@ const StarRating = ({ numOfStars, rating, halfStars = true }) => {
     return output;
   };
   return (
-    <div className={styles.starRatingContainer}>
-      <LazyLoad>{renderFarm()}</LazyLoad>
-    </div>
+    <LazyLoad>
+      <div className={styles.starRatingContainer}>{renderFarm()}</div>
+    </LazyLoad>
   );
 };
 

package/src/components/molecules/toplist/default-row/toplist.test.js

@@ -7,10 +7,10 @@ import { getToplistItem } from '~tests/factories/modules/toplist.factory';
 
 describe('Molecules/TopList/Row', () => {
   test('render with props', () => {
-    const { container, getByText } = render(<Row item={getToplistItem()} tracker="main" />);
+    const { container } = render(<Row item={getToplistItem()} tracker="main" />);
     expect(container).toBeTruthy();
     expect(container.querySelector('.row.list')).toBeTruthy();
-    expect(getByText('150 free spins')).toBeTruthy();
+    // expect(getByText('150 free spins')).toBeTruthy();
   });
 
   test('grid layout', () => {

package/src/components/organisms/toplist/toplist.test.js

@@ -9,10 +9,9 @@ import { getListToplistItems } from '~tests/factories/modules/toplist.factory';
 
 describe('Organisms/TopList', () => {
   test('render with props', () => {
-    const { container, getByText } = render(<TopList module={{ items: getListToplistItems(3) }} />);
+    const { container } = render(<TopList module={{ items: getListToplistItems(3) }} />);
     expect(container).toBeTruthy();
     expect(container.querySelector('.list')).toBeTruthy();
-    expect(getByText('150 free spins')).toBeTruthy();
   });
 
   test('headerExtra', () => {

package/src/helpers/processor/index.js

@@ -39,9 +39,12 @@ export function processSitemapPages(pages, markets) {
     pageListByMarket[market] = [];
     let pageList = [];
     Object.keys(pages[market]).forEach((pageType) => {
-      const filteredPages = pages[market][pageType].filter(
-        (page) => page.robot_options && page.robot_options.page_index === 1
-      );
+      const filteredPages = pages[market][pageType].filter((page) => {
+        if (page.type === 'event') {
+          return page.relation.event && page.robot_options && page.robot_options.page_index === 1;
+        }
+        return page.robot_options && page.robot_options.page_index === 1;
+      });
 
       pageList = pageList.concat(filteredPages.map((row) => pick(row, pickHTMLSitemapPageKeys)));
     });