gatsby-core-theme 30.0.31 → 30.0.32

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [30.0.32](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.31...v30.0.32) (2023-12-11)
+
+
+### Bug Fixes
+
+* add new spotlight structure ([f1cae24](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f1cae24be4dc8acd2acfb1f6581bf1a9f328410a))
+* chane name on storybook ([6c9f6e1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6c9f6e11dc464eae70f229ac7302d06af4236f75))
+* remove changes for carousel on this branch ([e61acd7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e61acd781632ff8ba8053cd22fc620a5851a1bf1))
+* removed icon from bonus box ([ca998f0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ca998f013a3fd86c04944197d018881bff81d6fb))
+
+
+### Code Refactoring
+
+* add payout times for toplist ([b1c2416](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b1c2416d30527fd6bd4ab9a2029c47f7ef6f964f))
+
+
+* Merge branch 'tm-3858-spotlights' into 'master' ([3b6fcb1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3b6fcb1878fdc8217d1f2f956657373c80da8332))
+* Merge branch 'tm-3788-toplist-payout-time' into 'master' ([0774acb](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0774acb277362bfdc048b774bcb078d71237a322))
+
 ## [30.0.31](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.30...v30.0.31) (2023-12-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "30.0.31",
+  "version": "30.0.32",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/molecules/bonus-box/template-three/index.js

@@ -1,6 +1,5 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
 import { translate, prettyTracker, getBonusData } from '~helpers/getters.mjs';
 import { Context } from '~context/MainProvider';
 import CtaButton from '../../../atoms/button/operator-cta';
@@ -49,26 +48,12 @@ export default function BonusBox({
       {!showVariablesComponent ? (
         <>
           {content()}
-          {ctaBtn && (
-            <CtaButton
-              operator={item}
-              icon={<FaArrowRight title="Right-pointing Arrow Icon" />}
-              buttonType={buttonType}
-              module={module}
-            />
-          )}
+          {ctaBtn && <CtaButton operator={item} buttonType={buttonType} module={module} />}
         </>
       ) : (
         <div>
           {content()}
-          {ctaBtn && (
-            <CtaButton
-              operator={item}
-              icon={<FaArrowRight title="Right-pointing Arrow Icon" />}
-              buttonType={buttonType}
-              module={module}
-            />
-          )}
+          {ctaBtn && <CtaButton operator={item} buttonType={buttonType} module={module} />}
           {showVariablesComponent && variableInsideContainer && <VariableComponent item={item} />}
         </div>
       )}

package/src/components/molecules/module/index.js

@@ -57,7 +57,11 @@ const Modules = ({ module, page, pageContext }) => {
       case 'image':
         return loadable(() => import('~atoms/image'));
       case 'spotlights':
+        if (process.env.ENABLE_SPOTLIGHT_V2) {
+          return loadable(() => import('~molecules/spotlights_v2'));
+        }
         return loadable(() => import('~atoms/spotlights'));
+
       default:
         return null;
     }

package/src/components/molecules/spotlights_v2/icon/index.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-case-declarations */
+import React from 'react';
+import loadable from '@loadable/component';
+
+export default function index({ module }) {
+  // Note: Default is template one when you create a new template just follow the stucture please
+  const Component = () => {
+    switch (module?.style) {
+      //   case 'template_two':
+      //     const TempateTwo = loadable(() => import('./template-two'));
+      //     return <TempateTwo module={module} />;
+      default:
+        const TempateOne = loadable(() => import('./template-one'));
+        return <TempateOne module={module} />;
+    }
+  };
+
+  return <>{Component && <Component />}</>;
+}

package/src/components/molecules/spotlights_v2/icon/template-one/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function TemplateOne() {
+  return <div>Template One Icon mode</div>;
+}

package/src/components/molecules/spotlights_v2/icon/template-one/template-one.stories.js

@@ -0,0 +1,36 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import React from 'react';
+import {
+  Title,
+  Description,
+  Primary,
+  PRIMARY_STORY,
+  ArgsTable,
+} from '@storybook/addon-docs/blocks';
+import TemplateOne from '.';
+
+export default {
+  title: 'Theme/Modules/Spotlight/Icon/Template One',
+  component: TemplateOne,
+  argTypes: {},
+  parameters: {
+    docs: {
+      description: {
+        component: 'A component that shows a list of pros and cons and corresponding icons.',
+      },
+      page: () => (
+        <>
+          <Title />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+        </>
+      ),
+    },
+  },
+};
+
+const Template = (args) => <TemplateOne {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {};

package/src/components/molecules/spotlights_v2/icon/template-one/template-one.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import TempateOne from '.';
+
+describe('TempateOne Component', () => {
+  test('render with props', () => {
+    // eslint-disable-next-line no-unused-vars
+    const { container } = render(<TempateOne />);
+  });
+});

package/src/components/molecules/spotlights_v2/image/index.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-case-declarations */
+import React from 'react';
+import loadable from '@loadable/component';
+
+export default function index({ module }) {
+  // Note: Default is template one when you create a new template just follow the stucture please
+  const Component = () => {
+    switch (module?.style) {
+      //   case 'template_two':
+      //     const TempateTwo = loadable(() => import('./template-two'));
+      //     return <TempateTwo module={module} />;
+      default:
+        const TempateOne = loadable(() => import('./template-one'));
+        return <TempateOne module={module} />;
+    }
+  };
+
+  return <>{Component && <Component />}</>;
+}

package/src/components/molecules/spotlights_v2/image/template-one/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function TemplateOne() {
+  return <div>Template One Image mode</div>;
+}

package/src/components/molecules/spotlights_v2/image/template-one/template-one.stories.js

@@ -0,0 +1,36 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import React from 'react';
+import {
+  Title,
+  Description,
+  Primary,
+  PRIMARY_STORY,
+  ArgsTable,
+} from '@storybook/addon-docs/blocks';
+import TemplateOne from '.';
+
+export default {
+  title: 'Theme/Modules/Spotlight/Image/Template One',
+  component: TemplateOne,
+  argTypes: {},
+  parameters: {
+    docs: {
+      description: {
+        component: 'A component that shows a list of pros and cons and corresponding icons.',
+      },
+      page: () => (
+        <>
+          <Title />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+        </>
+      ),
+    },
+  },
+};
+
+const Template = (args) => <TemplateOne {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {};

package/src/components/molecules/spotlights_v2/image/template-one/template-one.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import TempateOne from '.';
+
+describe('TempateOne Component', () => {
+  test('render with props', () => {
+    // eslint-disable-next-line no-unused-vars
+    const { container } = render(<TempateOne />);
+  });
+});

package/src/components/molecules/spotlights_v2/image-text/index.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-case-declarations */
+import React from 'react';
+import loadable from '@loadable/component';
+
+export default function index({ module }) {
+  // Note: Default is template one when you create a new template just follow the stucture please
+  const Component = () => {
+    switch (module?.style) {
+      //   case 'template_two':
+      //     const TempateTwo = loadable(() => import('./template-two'));
+      //     return <TempateTwo module={module} />;
+      default:
+        const TempateOne = loadable(() => import('./template-one'));
+        return <TempateOne module={module} />;
+    }
+  };
+
+  return <>{Component && <Component />}</>;
+}

package/src/components/molecules/spotlights_v2/image-text/template-one/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function TemplateOne() {
+  return <div>Template One Image Text mode</div>;
+}

package/src/components/molecules/spotlights_v2/image-text/template-one/template-one.stories.js

@@ -0,0 +1,36 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import React from 'react';
+import {
+  Title,
+  Description,
+  Primary,
+  PRIMARY_STORY,
+  ArgsTable,
+} from '@storybook/addon-docs/blocks';
+import TemplateOne from '.';
+
+export default {
+  title: 'Theme/Modules/Spotlight/Image Text/Template One',
+  component: TemplateOne,
+  argTypes: {},
+  parameters: {
+    docs: {
+      description: {
+        component: 'A component that shows a list of pros and cons and corresponding icons.',
+      },
+      page: () => (
+        <>
+          <Title />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+        </>
+      ),
+    },
+  },
+};
+
+const Template = (args) => <TemplateOne {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {};

package/src/components/molecules/spotlights_v2/image-text/template-one/template-one.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import TempateOne from '.';
+
+describe('TempateOne Component', () => {
+  test('render with props', () => {
+    // eslint-disable-next-line no-unused-vars
+    const { container } = render(<TempateOne />);
+  });
+});

package/src/components/molecules/spotlights_v2/index.js

@@ -0,0 +1,21 @@
+/* eslint-disable no-case-declarations */
+import React from 'react';
+import loadable from '@loadable/component';
+
+export default function index({ module }) {
+  const Component = () => {
+    switch (module?.mode) {
+      case 'image_text':
+        const ImageWithText = loadable(() => import('./image-text'));
+        return <ImageWithText module={module} />;
+      case 'icon':
+        const Icon = loadable(() => import('./icon'));
+        return <Icon module={module} />;
+      default:
+        const Image = loadable(() => import('./image'));
+        return <Image module={module} />;
+    }
+  };
+
+  return <>{Component && <Component />}</>;
+}

package/src/constants/pick-keys.mjs

@@ -35,6 +35,7 @@ export const topListPickKeys = [
   'path',
   'extra_fields',
   'selling_points',
+  'payout_time',
   'short_name',
   'status',
   'founded',