gatsby-matrix-theme 3.2.21 → 3.2.25

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/components/pages/contact-us/index.js

@@ -49,6 +49,7 @@ const ContactUs = ({
               )}
             </p>
             <Form
+              type="contact"
               hasButton
               buttonLabel="Send"
               submitUrl={submitUrl}

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>
   );
 };