gatsby-core-theme 14.0.0 → 14.0.2

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [14.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v14.0.1...v14.0.2) (2022-11-03)
+
+
+### Bug Fixes
+
+* gatsby image placeholder ([e1e35ac](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e1e35ac28337352d653efd6b8c19390dbee7ae03))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([a356764](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a356764b488c39918be9d27580097147b747b72c))
+
+## [14.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v14.0.0...v14.0.1) (2022-11-01)
+
+
+### Bug Fixes
+
+* changed site ([6d630c8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6d630c8ddc793ca7f7b46daee26887ba1ad3feda))
+* lightoouse metric ([3da93d0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3da93d0d8d1ce5485b1755714ea59981ca435cab))
+* toplist ([270a368](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/270a368d4e060597e3815aa16ea26ee9d5fe42ac))
+
 # [14.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v13.0.6...v14.0.0) (2022-11-01)
 
 

package/package.json

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

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

@@ -13,7 +13,15 @@ import LazyImage from '~hooks/lazy-image';
 
 import styles from './default-row.module.scss';
 
-const Row = ({ item, oneliner = 'main', layout = 'list', tracker = 'main', itemRefs, index }) => {
+const Row = ({
+  item,
+  oneliner = 'main',
+  layout = 'list',
+  tracker = 'main',
+  itemRefs,
+  index,
+  className,
+}) => {
   const prettyLink = prettyTracker(item);
   const itemRating = item.rating;
   const { translations } = useContext(Context) || {};
@@ -27,19 +35,13 @@ const Row = ({ item, oneliner = 'main', layout = 'list', tracker = 'main', itemR
   };
 
   return (
-    <li className={`${styles.row} ${styles[layout]}`} ref={(el) => addToRefs(el, index)}>
+    <li
+      className={`${className} ${styles.row} ${styles[layout]}`}
+      ref={(el) => addToRefs(el, index)}
+    >
       <div className={styles.ribbons}>
         {item.ribbons && item.ribbons.map((ribbon) => <span>{ribbon}</span>)}
       </div>
-      {/* <a
-        href={prettyLink}
-        className="casinos-top-list-gtm name-cta"
-        title={item.name}
-        target="_blank"
-        rel="noreferrer"
-      >
-        
-      </a> */}
       <a
         href={prettyLink}
         title={item.name}

package/src/components/organisms/toplist/list/index.js

@@ -42,33 +42,28 @@ export default function List({
   return (
     <>
       <ul className={styles.list} key={keygen()}>
-        {toplist.items.map((item, index) => (
-          <li
-            className={index + 1 <= initLoadItems ? styles.show : null}
-            key={keygen()}
-            ref={(el) => (elRefs.current[index] = el)}
-          >
-            {CustomRow ? (
-              <CustomRow
-                item={item}
-                tracker={toplist.tracker}
-                oneliner={toplist.one_liner}
-                isPPC={isPPCPage}
-                index={index}
-                className={index + 1 <= initLoadItems ? styles.show : null}
-                key={keygen()}
-                itemRefs={elRefs}
-              />
-            ) : (
-              <Row
-                itemRefs={elRefs}
-                item={item}
-                tracker={toplist.tracker}
-                oneliner={toplist.one_liner}
-              />
-            )}
-          </li>
-        ))}
+        {toplist.items.map((item, index) =>
+          CustomRow ? (
+            <CustomRow
+              item={item}
+              tracker={toplist.tracker}
+              oneliner={toplist.one_liner}
+              isPPC={isPPCPage}
+              index={index}
+              className={index + 1 <= initLoadItems ? styles.show : null}
+              key={keygen()}
+              itemRefs={elRefs}
+            />
+          ) : (
+            <Row
+              itemRefs={elRefs}
+              item={item}
+              tracker={toplist.tracker}
+              oneliner={toplist.one_liner}
+              className={index + 1 <= initLoadItems ? styles.show : null}
+            />
+          )
+        )}
       </ul>
       {showLoadMoreButton && (
         <div ref={loadMoreBtn} className={styles.loadMore}>

package/src/components/organisms/toplist/list/list.module.scss

@@ -12,7 +12,7 @@
     display: none;
 
     &.show {
-      display: block;
+      display: grid;
     }
 
     &:before {

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

@@ -24,6 +24,7 @@ export const PureImage = ({
       style={{ height, width }}
       alt={alt}
       image={image.node.childImageSharp.gatsbyImageData}
+      placeholder="none"
     />
   );
 };