gatsby-matrix-theme 3.2.22 → 3.2.23

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [3.2.23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.22...v3.2.23) (2022-02-02)
+
+
+### Bug Fixes
+
+* add scroll on footer nav ([da45e5d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/da45e5de716e6e6afd7f362c9f036309f6b8168f))
+* add show after 3 seconds functionality on footer nav ([9e49a61](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9e49a61e531399b34d6e6b7f0ae5a0f945f3861e))
+* fix carousel not showing when js is off ([f976424](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f976424bbcf1a2cad3a8a7d20e407dfd15b6c848))
+
+
+* Merge branch 'tm-2684-footerNav-optimization' into 'master' ([fdeec64](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fdeec64fc8a922628107b33134577187b95d150e))
+* Merge branch 'tm-2691-images-carousel' into 'master' ([90d05e0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/90d05e0d84b8d5f78f12691d7e03a9833e317eb3))
+
+
+### norelease
+
+* change env sitename ([fa10ded](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fa10ded0f9d09b909eff2443d27281234ed39bce))
+* revert back env ([9897255](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9897255ed23e4b714c99474d47000a91d00b223b))
+
 ## [3.2.22](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.21...v3.2.22) (2022-02-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.22",
+  "version": "3.2.23",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/organisms/footer-navigation/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 
 import LinkList from 'gatsby-core-theme/src/components/molecules/link-list';
@@ -6,8 +6,33 @@ import { getFirstModuleByName } from 'gatsby-core-theme/src/helpers/getters';
 import styles from './footer-navigation.module.scss';
 
 const FooterNavigation = ({ section, isStorybook = false }) => {
+  const [show, setShow] = useState(false);
   const menuArray = getFirstModuleByName(section, 'menu');
-  return (
+
+  const handleEvent = () => {
+    setShow(true);
+  };
+
+  const showAfter = (seconds) => {
+    setTimeout(() => {
+      setShow(true);
+    }, seconds * 1000);
+  };
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleEvent);
+    window.addEventListener('mousemove', handleEvent);
+    window.addEventListener('touchstart', handleEvent);
+    showAfter(3);
+
+    return () => {
+      window.removeEventListener('scroll', handleEvent);
+      window.addEventListener('mousemove', handleEvent);
+      window.addEventListener('touchstart', handleEvent);
+    };
+  }, []);
+
+  return show ? (
     <div className={`${styles.footerLinks} ${isStorybook && styles.storybookStyles}`}>
       <LinkList
         showListTitle={false}
@@ -19,7 +44,7 @@ const FooterNavigation = ({ section, isStorybook = false }) => {
         gtmClass="mobile-menu-gtm"
       />
     </div>
-  );
+  ) : null;
 };
 
 FooterNavigation.propTypes = {

package/src/gatsby-core-theme/components/organisms/carousel/index.js

@@ -43,28 +43,19 @@ const Carousel = ({ module = {}, settings = {}, gtmClass = '' }) => {
     return arr;
   };
 
+  const renderedItems =
+    width < 991 && width > 0 ? renderOne(module.items) : renderTwo(module.items);
+
   return (
     <div className={styles.carouselContainer}>
-      {width >= 991 && (
-        <Slider
-          {...settings}
-          className={styles.screenshotCarousel}
-          useArrows={false}
-          gtmClass={gtmClass}
-        >
-          {renderTwo(module.items)}
-        </Slider>
-      )}
-      {width < 991 && width > 0 && (
-        <Slider
-          {...settings}
-          className={styles.screenshotCarousel}
-          useArrows={false}
-          gtmClass={gtmClass}
-        >
-          {renderOne(module.items)}
-        </Slider>
-      )}
+      <Slider
+        {...settings}
+        className={styles.screenshotCarousel}
+        useArrows={false}
+        gtmClass={gtmClass}
+      >
+        {renderedItems}
+      </Slider>
     </div>
   );
 };

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.59fc7233.iframe.bundle.js"></script><script src="vendors~main.73d094d3.iframe.bundle.js"></script><script src="main.433816fa.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.59fc7233.iframe.bundle.js"></script><script src="vendors~main.73d094d3.iframe.bundle.js"></script><script src="main.1fb3ac74.iframe.bundle.js"></script></body></html>