feat: s

s
belfz · Jun 6, 2022 · 69bb7bf · 69bb7bf
1 parent 0438033
commit 69bb7bf
Show file tree

Hide file tree

Showing 32 changed files with 962 additions and 46 deletions.
diff --git a/gatsby-config.ts b/gatsby-config.ts
@@ -60,13 +60,13 @@ const config: GatsbyConfig = {
           chsb_yield_terms_and_conditions: require(`./prismic-types/chsb_yield_terms_and_conditions.json`),
           app_tour: {},
           premium_tour: {},
-          fees_values_minmax: {},
-          fees_exchange: {},
+          fees_values_minmax: require(`./prismic-types/fees_values_minmax.json`),
+          fees_exchange: require(`./prismic-types/fees_exchange.json`),
           app_tour_stage: {},
           premium_tour_stage: {},
           daa_video: require(`./prismic-types/daa_video.json`),
           yield_terms_and_conditions_1_5: {},
-          fees: {},
+          fees: require(`./prismic-types/fees.json`),
           test_blog_post: require(`./prismic-types/test_blog_post.json`),
         },
       },

diff --git a/gatsby-node.ts b/gatsby-node.ts
@@ -24,6 +24,18 @@ const getAnalysis = async (
 
 export const onCreateWebpackConfig: GatsbyNode['onCreateWebpackConfig'] =
   async ({ actions }) => {
+    const createPrismicDependentPageWithLangParam = (
+      pageName: string,
+      lang: Locale,
+    ) =>
+      actions.createPage({
+        path: `/${pageName}/${lang}`,
+        component: path.resolve(`src/templates/${pageName}.tsx`),
+        context: {
+          lang,
+        },
+      });
+
     const createNonPrismicDependentPageWithLangParam = (
       pageName: string,
       lang: Locale,
@@ -60,7 +72,7 @@ export const onCreateWebpackConfig: GatsbyNode['onCreateWebpackConfig'] =
         });
       });
 
-      //   // Pages that DO NOT depend on the content from Prismic CMS. Will contain a "/:lang" param in the URL (eg. "/yield-learn-more/en-us").
+      // Pages that DO NOT depend on the content from Prismic CMS. Will contain a "/:lang" param in the URL (eg. "/yield-learn-more/en-us").
       createNonPrismicDependentPageWithLangParam(`chsb-yield-learn-more`, lang);
       createNonPrismicDependentPageWithLangParam(`yield-learn-more`, lang);
       createNonPrismicDependentPageWithLangParam(`premium`, lang);
@@ -85,6 +97,9 @@ export const onCreateWebpackConfig: GatsbyNode['onCreateWebpackConfig'] =
         lang,
       );
 
+      // performs GraphQL queries to Prismic AND contains a lang param
+      createPrismicDependentPageWithLangParam(`fees`, lang);
+
       allAssets
         .filter(({ analysis }) => analysis === `full`)
         .forEach(async ({ assetSymbol }) => {

diff --git a/prismic-types/fees.json b/prismic-types/fees.json
@@ -0,0 +1,18 @@
+{
+  "Main": {
+    "fe_body": {
+      "type": "StructuredText",
+      "config": {
+        "multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,o-list-item",
+        "label": "fe_body"
+      }
+    },
+    "fe_footer": {
+      "type": "StructuredText",
+      "config": {
+        "multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,o-list-item",
+        "label": "fe_footer"
+      }
+    }
+  }
+}
diff --git a/prismic-types/fees_exchange.json b/prismic-types/fees_exchange.json
@@ -0,0 +1,42 @@
+{
+  "Main": {
+    "fees_exchange": {
+      "type": "Group",
+      "config": {
+        "fields": {
+          "currency_code": {
+            "type": "Text",
+            "config": {
+              "label": "currency_code"
+            }
+          },
+          "currency_name": {
+            "type": "Text",
+            "config": {
+              "label": "currency_name"
+            }
+          },
+          "standard": {
+            "type": "Number",
+            "config": {
+              "label": "standard"
+            }
+          },
+          "community_premium": {
+            "type": "Number",
+            "config": {
+              "label": "community_premium"
+            }
+          },
+          "genesis_premium": {
+            "type": "Number",
+            "config": {
+              "label": "genesis_premium"
+            }
+          }
+        },
+        "label": "fees_exchange"
+      }
+    }
+  }
+}
diff --git a/prismic-types/fees_values_minmax.json b/prismic-types/fees_values_minmax.json
@@ -0,0 +1,68 @@
+{
+  "Main": {
+    "fees_fiat": {
+      "type": "Group",
+      "config": {
+        "fields": {
+          "currency_code": {
+            "type": "Text",
+            "config": {
+              "label": "currency_code"
+            }
+          },
+          "currency_name": {
+            "type": "Text",
+            "config": {
+              "label": "currency_name"
+            }
+          },
+          "minimum": {
+            "type": "Number",
+            "config": {
+              "label": "minimum"
+            }
+          },
+          "maximum": {
+            "type": "Number",
+            "config": {
+              "label": "maximum"
+            }
+          }
+        },
+        "label": "fees_fiat"
+      }
+    },
+    "fees_crypto": {
+      "type": "Group",
+      "config": {
+        "fields": {
+          "currency_code": {
+            "type": "Text",
+            "config": {
+              "label": "currency_code"
+            }
+          },
+          "currency_name": {
+            "type": "Text",
+            "config": {
+              "label": "currency_name"
+            }
+          },
+          "minimum": {
+            "type": "Number",
+            "config": {
+              "label": "minimum"
+            }
+          },
+          "maximum": {
+            "type": "Number",
+            "config": {
+              "label": "maximum"
+            }
+          }
+        },
+        "label": "fees_crypto"
+      }
+    }
+  }
+}
diff --git a/src/components/RichBlock.tsx b/src/components/RichBlock.tsx
@@ -8,8 +8,8 @@ import {
   BlogPostBody,
   isTextNode,
   isImgNode,
-} from '../types/graphql/prismic/BlogPostNode';
-import { linkResolver } from '../utils/linkResolver';
+} from '@/types/graphql/prismic/BlogPostNode';
+import { linkResolver } from '@/utils/linkResolver';
 
 const themes = {
   light: {

diff --git a/src/components/RoundedBack.tsx b/src/components/RoundedBack.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
-import ChevronLeft from '../assets/fontIcons/ic_actions_chevron_left.svg';
+import ChevronLeft from '@/assets/fontIcons/ic_actions_chevron_left.svg';
 import styled from 'styled-components';
-import { Theme, ThemeContext, themeContext } from '../context/themeContext';
-import { ImportedSvg } from '../types/elements/ImportedSvg';
+import { Theme, ThemeContext, themeContext } from '@/context/themeContext';
+import { ImportedSvg } from '@/types/elements/ImportedSvg';
 
 const themes = {
   light: {

diff --git a/src/components/Typo.tsx b/src/components/Typo.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import styled, { StyledComponent } from 'styled-components';
-import { themeContext, ThemeContext, Theme } from '../context/themeContext';
+import { themeContext, ThemeContext, Theme } from '@/context/themeContext';
 import { Maybe } from 'true-myth';
 
 interface Props {

diff --git a/src/components/fees/FeesHeader.tsx b/src/components/fees/FeesHeader.tsx
@@ -0,0 +1,32 @@
+import Box from '@material-ui/core/Box';
+import * as React from 'react';
+import IcSmartEngine from '@/assets/fontIcons/ic-smart-engine.svg';
+import { ImportedSvg } from '@/types/elements/ImportedSvg';
+import Typo from '@/components/Typo';
+import { FormattedMessage } from 'react-intl';
+
+const FeesHeader: React.FC = () => {
+  const IcSmartEngineIcon = IcSmartEngine as ImportedSvg;
+  return (
+    <Box
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      textAlign="center"
+      mb="30px"
+      mt="30px"
+    >
+      <IcSmartEngineIcon height="70px" width="70px" />
+      <Box mt="15px" mb="15px">
+        <Typo type="H3Bold">
+          <FormattedMessage id="fees.title" />
+        </Typo>
+      </Box>
+      <Typo type="H4">
+        <FormattedMessage id="fees.subtitle" />
+      </Typo>
+    </Box>
+  );
+};
+
+export default FeesHeader;