gatsby-core-theme 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [1.6.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.6.3...v1.6.4) (2021-11-22)
+
+
+### Bug Fixes
+
+* general issues ([419d8d3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/419d8d36f7bfe153e7e07d2ad2b92cd19e597aa1))
+
+
+### Code Refactoring
+
+* align cards on search, dropdown z-index on mobile when open, lazyload force load on tab click ([1e44fa7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1e44fa74f6e6ac63169a9bca9affa40f96a7d3cc))
+
+
+* Merge branch 'tm-2478-search' into 'master' ([26e1a6e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/26e1a6ebd7632a4b866d9e02f8edf58cca5a17f6))
+* Merge branch 'tm-2478-search' of git.ilcd.rocks:team-floyd/themes/gatsby-themes into tm-2478-search ([725ec14](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/725ec145917d2d7eb436f90cbb87a5427300166d))
+* Merge branch 'master' into tm-2478-search ([9be2cb8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9be2cb83d0948f9925b8e199064e075a44fc2f6d))
+
 ## [1.6.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v1.6.2...v1.6.3) (2021-11-18)
 
 

package/package.json

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

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

@@ -78,7 +78,10 @@ export default function AuthorBox({ author }) {
                   </a>
                 ))}
             </p>
-            <p className={styles.biography}>{author.biography}</p>
+            <div
+              className={styles.biography}
+              dangerouslySetInnerHTML={{ __html: author.biography }}
+            />
           </div>
           {author.profile_page_path && (
             <Link

package/src/components/organisms/archive/index.js

@@ -15,7 +15,9 @@ const Archive = ({ module, PaginationComponent, page, loadMore, gtmClass = '' })
 
   useEffect(() => {
     if (module.pagination_type === 'load_more') {
-      const items = module.items.filter((item, index) => index < parseInt(loadMore.limit));
+      const items = module.items.filter(
+        (item, index) => index < parseInt(loadMore ? loadMore.limit : 9)
+      );
       setModuleItems(items);
     }
   }, [module, module.items, loadMore]);
@@ -24,7 +26,7 @@ const Archive = ({ module, PaginationComponent, page, loadMore, gtmClass = '' })
     let items = [...module.items];
     if (items.length > moduleItems.length) {
       items = items.filter(
-        (item, index) => index < moduleItems.length + parseInt(loadMore.increment)
+        (item, index) => index < moduleItems.length + parseInt(loadMore ? loadMore.increment : 9)
       );
       setModuleItems(items);
     }

package/src/components/organisms/cards/cards.module.scss

@@ -2,15 +2,15 @@
   display: grid;
 
   @include min(mobile) {
-    grid-template-columns: repeat(var(--cards-mob-column), 1fr);
+    grid-template-columns: repeat(var(--cards-mob-column), minmax(0,1fr));
   }
 
   @include min(tablet) {
-    grid-template-columns: repeat(var(--cards-tablet-column), 1fr);
+    grid-template-columns: repeat(var(--cards-tablet-column), minmax(0,1fr));
   }
 
   @include min(desktop) {
-    grid-template-columns: repeat(var(--cards-desktop-column), 1fr);
+    grid-template-columns: repeat(var(--cards-desktop-column), minmax(0,1fr));
   }
   column-gap: 0.8rem;
   @include min(desktop) {

package/src/helpers/processor/index.js

@@ -40,7 +40,7 @@ export function processSitemapPages(pages, markets) {
     let pageList = [];
     Object.keys(pages[market]).forEach((pageType) => {
       const filteredPages = pages[market][pageType].filter(
-        (page) => page.robot_options.page_index === 1
+        (page) => page.robot_options && page.robot_options.page_index === 1
       );
 
       pageList = pageList.concat(filteredPages.map((row) => pick(row, pickHTMLSitemapPageKeys)));

package/src/hooks/tabs/index.js

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
+import { forceCheck } from 'react-lazyload';
 import TabList from './tab/tab-list';
 import styles from './tabs.module.scss';
 
@@ -24,6 +25,7 @@ const Tabs = ({
 
   function onClickTabItem(tabId) {
     setActiveTab(tabId);
+    forceCheck();
   }
 
   return (

package/src/styles/utils/_animations.scss

@@ -11,7 +11,7 @@
     opacity: 1;
     z-index: map-get($z-index, modal);
     &.list {
-      z-index: map-get($z-index, above-content);
+      z-index: map-get($z-index, --scroll-to-top-index);
     }
   }
 }

package/tests/factories/pages/list.factory.js

@@ -13,6 +13,9 @@ export default function getPageDataList(length) {
     template_id: '5',
     name: 'Rizk Casino',
     logo_url: '#',
+    robot_options: {
+      page_index: 1,
+    },
     banner: '313df295c19d7c5f137ceda9d0cc5df7.jpeg',
     meta_title: 'my meta title',
     language: 'en',