npm - gatsby-core-theme - Versions diffs - 1.3.0 → 1.4.2 - Mend

gatsby-core-theme 1.3.0 → 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/src/hooks/tabs/tab/tab.js CHANGED Viewed

@@ -2,7 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styles from './tab.module.scss';
-const Tab = ({ label, onClick, activeTab, activeTabClass = '', tabId, toggleDropdown }) => {
+const Tab = ({
+  label,
+  onClick,
+  activeTab,
+  activeTabClass = '',
+  tabId,
+  toggleDropdown,
+  gtmClass = '',
+}) => {
   let className = '';
   if (activeTab === tabId) {
@@ -16,7 +24,7 @@ const Tab = ({ label, onClick, activeTab, activeTabClass = '', tabId, toggleDrop
   return (
     <li className={styles.tabListItem}>
       <button
-        className={className}
+        className={`${className} ${gtmClass} tabs-menu-gtm btn-cta`}
         type="button"
         onClick={() => {
           onClick(tabId);
@@ -35,6 +43,7 @@ Tab.propTypes = {
   activeTabClass: PropTypes.string,
   tabId: PropTypes.string,
   label: PropTypes.string,
+  gtmClass: PropTypes.string,
 };
 export default Tab;

package/src/pages/sitemap/index.js ADDED Viewed

@@ -0,0 +1,77 @@
+/* eslint-disable array-callback-return */
+/* eslint-disable react/forbid-prop-types */
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './sitemap.module.scss';
+import Body from '~pages/body';
+import Head from '~organisms/head';
+import Link from '~hooks/link';
+const Sitemap = ({ pageContext, templateIcon, linkIcon }) => {
+  const { templates, sitemapData } = pageContext;
+  const market = Object.keys(sitemapData)[0];
+  const getTemplateName = (template) => {
+    const templateName = templates[template].short_name;
+    const templatePages = sitemapData[market][template];
+    const templatePagesCount = templatePages && templatePages.length;
+    return (
+      templatePagesCount !== undefined && (
+        <div>
+          {templateIcon && templateIcon}
+          <span>{templateName}</span>
+          <span>{templatePagesCount}</span>
+        </div>
+      )
+    );
+  };
+  const getTemplatePages = (template) => {
+    if (sitemapData[market][template]) {
+      const pageList = Object.keys(sitemapData[market][template]).map((page) => {
+        if (page !== undefined) {
+          const pageObj = sitemapData[market][template][page];
+          return (
+            <li>
+              {linkIcon && linkIcon}
+              <Link to={pageObj.path} title={pageObj.title}>
+                {pageObj.title}
+              </Link>
+            </li>
+          );
+        }
+      });
+      return <ul>{pageList}</ul>;
+    }
+  };
+  return (
+    <>
+      <Head page={pageContext.page} siteInfo={pageContext.siteInfo} />
+      <Body pageContext={pageContext}>
+        <div className={styles.container}>
+          {Object.keys(templates).map((template) => (
+            <ul key={template} className={styles.list}>
+              {getTemplateName(template)}
+              {getTemplatePages(template)}
+            </ul>
+          ))}
+        </div>
+      </Body>
+    </>
+  );
+};
+Sitemap.propTypes = {
+  pageContext: PropTypes.shape({
+    sitemapData: PropTypes.object,
+    templates: PropTypes.object,
+    siteInfo: PropTypes.object,
+    page: PropTypes.object,
+  }),
+  templateIcon: PropTypes.element,
+  linkIcon: PropTypes.element,
+};
+export default Sitemap;

package/src/pages/sitemap/sitemap.module.scss ADDED Viewed

@@ -0,0 +1,21 @@
+.container {
+    display: flex;
+  flex-flow: row;
+}
+.list {
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+    > div {
+        font-weight: 700;
+        font-size: 1.6rem;
+    }
+    >ul {
+        padding-top: 2rem;
+    }
+}

package/tests/factories/relations/operator.factory.js ADDED Viewed

@@ -0,0 +1,33 @@
+/**
+ * @name getOperatorData
+ * @description Mock data related to the operator
+ * @return {Object} operator mock data
+ */
+export default function getOperatorData(status = 'active') {
+  const operator = {
+    name: 'Rizk Casino',
+    logo_url: 'rizk-logopng7ed316ac19-original.png',
+    url: 'https://rizk.com',
+    status,
+    short_name: 'rizk',
+    type: 'casino',
+    iframe: 'https://www.youtube.com/embed/DU1Pio4n_N0',
+    bonus: {
+      one_liners: {
+        main: {
+          one_liner: 'Oneliner',
+        },
+      },
+    },
+    extra_fields: {
+      summary_background: 'fe63f69ca1618cf2e7ff810197001dec.png',
+      summary: 'Summary',
+    },
+    one_liners: {
+      main: {
+        one_liner: '100% Bonus + 50 free spins',
+      },
+    },
+  };
+  return operator;
+}