gatsby-core-theme 7.0.1 → 7.0.4

package/CHANGELOG.md

@@ -1,3 +1,51 @@
+## [7.0.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v7.0.3...v7.0.4) (2022-05-17)
+
+
+### Bug Fixes
+
+* fix bug when we don't have the post type what is selected ([e5676fe](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e5676fed6d558caa83edf9a7db70b9f17d29d1f5))
+
+
+### Code Refactoring
+
+* add loading eager to image ([03f5049](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/03f5049d17ec540f02f779eac0462a941bb0b238))
+* add width and height to lazy image ([3177e0b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3177e0b9e5affe747823fa5ff4044023e6ba1a7d))
+* correction to coming soon casino translation key ([28cbea5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/28cbea5f8a3163c54b524b99fa8955d867400b95))
+* correction to duplicate ([cea1daf](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cea1daf727d94a2601e95299aa43f370aa7cdd08))
+* operatorCTA placeholder changes ([b35c777](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b35c777918275fc6153ad38b43eb8fa92d32c547))
+* remove width and height ([8472e2d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8472e2db10981631681e7a3d0c8b4b8987cc8257))
+
+
+* Merge branch 'tm-2893-operator-img-fix' into 'master' ([17c5061](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/17c5061216dbf8fc72cce6e94906b3821c9c0eb7))
+* Merge branch 'tm-2819-operator-placeholder' into 'master' ([e483605](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e483605921a4d99c92abdf0a0c447c2e3e5c43b2))
+* Merge branch 'tm-2884-archive-module' into 'master' ([935cd5e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/935cd5ec1bed85a616c819e264e98ffb852cd65e))
+
+## [7.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v7.0.2...v7.0.3) (2022-05-11)
+
+
+### Bug Fixes
+
+* page reviewer ([0daf457](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0daf457df31c997333460113ca224e203a801afe))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([1ccca2d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1ccca2d8729416b5f5ad8dfb904471cd2cb3c90b))
+
+## [7.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v7.0.1...v7.0.2) (2022-05-11)
+
+
+### Bug Fixes
+
+* page reviewer ([9da597d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9da597d06663be779246df5980d253de69d23c73))
+
+
+### Code Refactoring
+
+* responsive ([42584ab](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/42584ab72bd1c21f3281f883b30944a6d96823fa))
+* update preview page schema ([dad9e57](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/dad9e57f66cc415fdece510ae9e345095075f269))
+
+
+* Merge branch 'tm-2708-update-preview-page-schema' into 'master' ([f35aaef](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f35aaef331cc2dc039624d34c97a7b86531a7660))
+
 ## [7.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v7.0.0...v7.0.1) (2022-05-05)
 
 

package/gatsby-node.esm.js

@@ -45,10 +45,8 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
       }
     });
   }
-
   if (!archivePages) {
     console.log(`Archive for ${pageObject.path} broken`);
-    return;
   }
 
   if (archiveModule.pagination_type !== 'load_more') {
@@ -57,28 +55,37 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
     const numOfItemsPerPage = Math.sign(archiveModule.num_of_items)
       ? archiveModule.num_of_items
       : calDefaultNrOfItems;
-    const chunked = chunk(cloneDeep(archivePages), numOfItemsPerPage);
-    const numOfPages = chunked.length;
-    chunked.forEach((value, index) => {
-      const page = cloneDeep(pageObject);
-      const archive = cloneDeep(page.sections.main.modules[archiveModuleIndex]);
-      archive.currentPage = 1 + index; // 0 skip 0
-      archive.numOfPages = numOfPages;
-      archive.rootPath =
-        pageObject.path.charAt(0) !== '/' ? `/${pageObject.path}` : pageObject.path;
-      archive.items = value.map((item) => processor.clonePage(item));
-      page.path =
-        archive.currentPage === 1
-          ? pageObject.path
-          : `${pageObject.path}/page/${archive.currentPage}`;
-      page.sections.main.modules[archiveModuleIndex] = archive;
+    const chunked = archivePages && chunk(cloneDeep(archivePages), numOfItemsPerPage);
+    const page = cloneDeep(pageObject);
+
+    if (chunked) {
+      chunked.forEach((value, index) => {
+        const numOfPages = chunked.length;
+        const archive = cloneDeep(page.sections.main.modules[archiveModuleIndex]);
+        archive.currentPage = 1 + index; // 0 skip 0
+        archive.numOfPages = numOfPages;
+        archive.rootPath =
+          pageObject.path.charAt(0) !== '/' ? `/${pageObject.path}` : pageObject.path;
+        archive.items = value.map((item) => processor.clonePage(item));
+        page.path =
+          archive.currentPage === 1
+            ? pageObject.path
+            : `${pageObject.path}/page/${archive.currentPage}`;
+        page.sections.main.modules[archiveModuleIndex] = archive;
 
+        createPage({
+          path: page.path,
+          component: require.resolve(appName),
+          context: { page, marketSections, prefilledModules, siteInfo, translations },
+        });
+      });
+    } else {
       createPage({
         path: page.path,
         component: require.resolve(appName),
         context: { page, marketSections, prefilledModules, siteInfo, translations },
       });
-    });
+    }
   } else {
     const page = cloneDeep(pageObject);
     const archive = cloneDeep(page.sections.main.modules[archiveModuleIndex]);
@@ -197,7 +204,10 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
         const processedPage = page;
         processedPage.preconnect_links = preconnectLinks;
 
-        siteSchema = response.schema[page['market_id']];
+        siteSchema =
+          page.path === 'preview'
+            ? (page.siteSchema = Object.values(response.schema || {})[0])
+            : response.schema[page['market_id']];
         authors = response.authors;
 
         page.translations = {};
@@ -222,6 +232,7 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
           marketSections,
           prefilledModules,
           siteInfo,
+          siteSchema,
           translations,
           authors,
           ...themeOptions,
@@ -241,7 +252,6 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
             component: require.resolve('./src/components/app.js'),
             context: {
               ...contextData,
-              siteSchema,
               isPreview: page.path === 'preview',
             },
           });
@@ -255,7 +265,7 @@ exports.createPages = async ({ actions: { createPage } }, themeOptions) => {
       (processed.relations &&
         processed.relations.sports_data &&
         processed.relations.sports_data.providers) ||
-        {}
+      {}
     ).forEach((providerId) => {
       const provider = processed.relations.sports_data.providers[providerId];
       const tracker = generateTrackerLink(provider, 'main');

package/package.json

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

package/src/components/app.js

@@ -19,6 +19,11 @@ const App = ({ pageContext }) => {
       !staticPath ? searchParams.get('path') || '/' : staticPath,
       pageContext
     ).then((previewResponse) => {
+      if (previewResponse.page) {
+        // siteInfo and siteSchema are added to page for schemaGenerator()
+        previewResponse.page.siteInfo = pageContext.siteInfo;
+        previewResponse.page.siteSchema = pageContext.siteSchema;
+      }
       setPreviewContext(previewResponse);
       setIsLoading(false);
     });
@@ -85,6 +90,9 @@ App.propTypes = {
       site_logo: PropTypes.string,
       site_name: PropTypes.string,
     }),
+    siteSchema: PropTypes.shape({
+      site_name: PropTypes.string,
+    }),
   }),
 };
 

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

@@ -57,7 +57,7 @@ const Author = ({
         )}
       </div>
       <div>
-        {reviewer.name && (
+        {reviewer && (
           <div className={date && styles.reviewer}>
             <span>Fact checked by</span>
             {` `}

package/src/components/atoms/operator-cta/index.js

@@ -9,8 +9,8 @@ import styles from './operator-cta.module.scss';
 
 export default function OperatorCta({
   operator,
-  placeholderText = 'Coming Soon',
-  closedCasinoText = 'This Casino has closed',
+  placeholderText = 'Soon Available',
+  closedCasinoText = 'Not Accepting New Players',
   playText = 'Visit',
   translationKey = 'play_now',
   tracker = 'main',
@@ -21,26 +21,18 @@ export default function OperatorCta({
   const isPlaceHolder = status === 'coming_soon';
   const isClosed = status === 'inactive';
   const renderCta = () => {
-    if (isPlaceHolder) {
-      return (
-        <a
-          title={placeholderText}
-          aria-label={placeholderText}
-          className={`${styles.operatorCtaPlaceholder} ${gtmClass} operator-cta-gtm`}
-        >
-          {placeholderText}
-        </a>
-      );
-    }
+    if (isPlaceHolder || isClosed) {
+      const translateBtn = isPlaceHolder
+        ? translate(translations, 'coming_soon', placeholderText)
+        : translate(translations, 'closed_casino', closedCasinoText);
 
-    if (isClosed) {
       return (
         <a
-          title={closedCasinoText}
-          aria-label={closedCasinoText}
+          title={translateBtn}
+          aria-label={translateBtn}
           className={`${styles.operatorCtaClosed} ${gtmClass} operator-cta-gtm`}
         >
-          {closedCasinoText}
+          {translateBtn}
         </a>
       );
     }

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

@@ -39,6 +39,10 @@
           font-weight: bold;
         }
       }
+
+      @include max(mobile){
+        flex-direction: column;
+      }
     }
   }
 }

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

@@ -63,7 +63,7 @@ function Header({ section, content = null, backgroundImage = true }) {
                 name={section.page.author?.name}
                 date={section.page.updated_at ? section.page.updated_at : section.page.created_at}
                 readingTime={section.page.reading_time}
-                reviewer={section.page.reviewer}
+                reviewer={section?.page.reviewer_id && section?.page?.reviewer}
               />
             </div>
           )}
@@ -90,6 +90,7 @@ Header.propTypes = {
       created_at: PropTypes.string,
       reading_time: PropTypes.string,
       reviewer: PropTypes.string,
+      reviewer_id: PropTypes.number,
       author: PropTypes.shape({
         name: PropTypes.string,
         profile_page_path: PropTypes.string,

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

@@ -49,7 +49,13 @@ export default function OperatorBanner({
                 rel="noreferrer"
                 aria-label={`${operator?.name} Link`}
               >
-                <LazyImage alt={operator?.name} src={imagePrettyUrl(logo)} />
+                <LazyImage
+                  alt={operator?.name}
+                  src={imagePrettyUrl(logo)}
+                  loading="eager"
+                  height={120}
+                  width={100}
+                />
               </a>
             ) : (
               <div className={styles.nameTitle}>

package/src/helpers/processor/index.js

@@ -249,10 +249,8 @@ export default {
           }
 
           // add reviewer object to page
-          if (page.reviewer !== null && Object.values(data.authors).length) {
-            transformedPages[market][pageType][index].reviewer = Object.values(data.authors).find(
-              (each) => each.name === page.reviewer
-            );
+          if (page.reviewer_id !== null && Object.values(data.authors).length) {
+            transformedPages[market][pageType][index].reviewer = data.authors[page.reviewer_id];
           }
 
           // add breadcrumbs array to page