feat: last batch of pages

pages

README.md

@@ -116,3 +116,8 @@ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md
 ✅ check & verify linking & nav between main asset page & news articles
 ✅ possibly DA pages with JSON over GraphQL
 -  verify segment is working
+-  configs & amplify files
+-  verify build process
+-  remove commitizen & commitlint?
+-  write readme
+-  mobile developers: ask to remove lang param from pages: chsb-yield-terms, privacy, terms, yield-terms

gatsby-config.ts

@@ -56,7 +56,7 @@ const config: GatsbyConfig = {
           terms_and_conditions: require(`./prismic-types/terms_and_conditions.json`),
           privacy_policy: require(`./prismic-types/privacy_policy.json`),
           asset_analysis: {},
-          yield_terms_and_conditions: {},
+          yield_terms_and_conditions: require(`./prismic-types/yield_terms_and_conditions.json`),
           chsb_yield_terms_and_conditions: require(`./prismic-types/chsb_yield_terms_and_conditions.json`),
           app_tour: {},
           premium_tour: {},
@@ -65,7 +65,7 @@ const config: GatsbyConfig = {
           app_tour_stage: {},
           premium_tour_stage: {},
           daa_video: require(`./prismic-types/daa_video.json`),
-          yield_terms_and_conditions_1_5: {},
+          yield_terms_and_conditions_1_5: require(`./prismic-types/yield_terms_and_conditions_1_5.json`),
           fees: require(`./prismic-types/fees.json`),
           test_blog_post: require(`./prismic-types/test_blog_post.json`),
         },

prismic-types/yield_terms_and_conditions.json

@@ -0,0 +1,18 @@
+{
+  "Main": {
+    "title": {
+      "type": "StructuredText",
+      "config": {
+        "single": "heading1,heading2,heading3,heading4,heading5,heading6",
+        "label": "title"
+      }
+    },
+    "body": {
+      "type": "StructuredText",
+      "config": {
+        "multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl",
+        "label": "body"
+      }
+    }
+  }
+}

prismic-types/yield_terms_and_conditions_1_5.json

@@ -0,0 +1,18 @@
+{
+  "Main": {
+    "title": {
+      "type": "StructuredText",
+      "config": {
+        "single": "heading1,heading2,heading3,heading4,heading5,heading6",
+        "label": "title"
+      }
+    },
+    "body": {
+      "type": "StructuredText",
+      "config": {
+        "multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl",
+        "label": "body"
+      }
+    }
+  }
+}

src/components/RichBlock.tsx

@@ -9,7 +9,7 @@ import {
   isTextNode,
   isImgNode,
 } from '@/types/graphql/prismic/BlogPostNode';
-import { linkResolver } from '@/utils/linkResolver';
+import { linkResolver } from '@/linkResolver';
 
 const themes = {
   light: {

src/components/RichTextContainer.tsx

@@ -8,7 +8,7 @@ import styled, {
 import { Theme, ThemeContext, themeContext } from '@/context/themeContext';
 import { BodyElement } from '@/types/graphql/prismic/BodyElement';
 
-import { linkResolver } from '@/utils/linkResolver';
+import { linkResolver } from '@/linkResolver';
 
 const themes = {
   light: {

src/pages/chsb-yield-terms.tsx

@@ -7,6 +7,7 @@ import {
   InfoPageContainer,
   renderContent,
 } from '@/components/InfoPageContainer';
+import { SingleElementList } from '@/types/graphql/prismic/common';
 
 interface Node {
   data: {
@@ -26,7 +27,7 @@ interface Edge {
 type Props = LocalizedPage & {
   data: {
     allPrismicChsbYieldTermsAndConditions: {
-      edges: Edge[];
+      edges: SingleElementList<Edge>;
     };
   };
 };

src/pages/terms.tsx

@@ -7,6 +7,7 @@ import {
   InfoPageContainer,
   renderContent,
 } from '@/components/InfoPageContainer';
+import { SingleElementList } from '@/types/graphql/prismic/common';
 
 interface Node {
   data: {
@@ -26,7 +27,7 @@ interface Edge {
 type Props = LocalizedPage & {
   data: {
     allPrismicTermsAndConditions: {
-      edges: Edge[];
+      edges: SingleElementList<Edge>;
     };
   };
 };

src/pages/yield-terms-1_5.tsx

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { graphql } from 'gatsby';
+import { TextElement } from '@/types/graphql/prismic/TextElement';
+import RichTextContainer from '@/components/RichTextContainer';
+import Layout, { LocalizedPage } from '@/components/Layout';
+import {
+  InfoPageContainer,
+  renderContent,
+} from '@/components/InfoPageContainer';
+import { SingleElementList } from '@/types/graphql/prismic/common';
+
+interface Node {
+  data: {
+    title: {
+      richText: TextElement[];
+    };
+    body: {
+      richText: TextElement[];
+    };
+  };
+}
+
+interface Edge {
+  node: Node;
+}
+
+type Props = LocalizedPage & {
+  data: {
+    allPrismicYieldTermsAndConditions15: {
+      edges: SingleElementList<Edge>;
+    };
+  };
+};
+
+const YieldTerms: React.FC<Props> = ({ data, pageContext }: Props) => {
+  const { edges } = data.allPrismicYieldTermsAndConditions15;
+
+  return (
+    <Layout locale={pageContext.lang}>
+      <InfoPageContainer>
+        {renderContent(edges[0])(({ node }) => (
+          <RichTextContainer
+            elements={[...node.data.title.richText, ...node.data.body.richText]}
+            key={0}
+          />
+        ))}
+      </InfoPageContainer>
+    </Layout>
+  );
+};
+
+export default YieldTerms;
+
+// the lang param:
+// - the URL path variable is now ignored (but kept for backwards-compatibility reasons)
+// - at the GraphQL query level, it is hardcoded to "en-us" despite the locale (the business decided we ONLY need english version of that page)
+export const PageQuery = graphql`
+  query YieldTermsAndConditions15 {
+    allPrismicYieldTermsAndConditions15(filter: { lang: { eq: "en-us" } }) {
+      edges {
+        node {
+          data {
+            body {
+              richText
+            }
+            title {
+              richText
+            }
+          }
+        }
+      }
+    }
+  }
+`;

src/pages/privacy.tsx → src/pages/yield-terms.tsx

@@ -7,13 +7,14 @@ import {
   InfoPageContainer,
   renderContent,
 } from '@/components/InfoPageContainer';
+import { SingleElementList } from '@/types/graphql/prismic/common';
 
 interface Node {
   data: {
-    pp_title: {
+    title: {
       richText: TextElement[];
     };
-    pp_body: {
+    body: {
       richText: TextElement[];
     };
   };
@@ -25,23 +26,21 @@ interface Edge {
 
 type Props = LocalizedPage & {
   data: {
-    allPrismicPrivacyPolicy: {
-      edges: Edge[];
+    allPrismicYieldTermsAndConditions: {
+      edges: SingleElementList<Edge>;
     };
   };
 };
 
-const Privacy: React.FC<Props> = ({ data, pageContext: { lang } }: Props) => {
-  const { edges } = data.allPrismicPrivacyPolicy;
+const YieldTerms: React.FC<Props> = ({ data, pageContext }: Props) => {
+  const { edges } = data.allPrismicYieldTermsAndConditions;
+
   return (
-    <Layout locale={lang}>
+    <Layout locale={pageContext.lang}>
       <InfoPageContainer>
         {renderContent(edges[0])(({ node }) => (
           <RichTextContainer
-            elements={[
-              ...node.data.pp_title.richText,
-              ...node.data.pp_body.richText,
-            ]}
+            elements={[...node.data.title.richText, ...node.data.body.richText]}
             key={0}
           />
         ))}
@@ -50,21 +49,21 @@ const Privacy: React.FC<Props> = ({ data, pageContext: { lang } }: Props) => {
   );
 };
 
-export default Privacy;
+export default YieldTerms;
 
 // the lang param:
 // - the URL path variable is now ignored (but kept for backwards-compatibility reasons)
 // - at the GraphQL query level, it is hardcoded to "en-us" despite the locale (the business decided we ONLY need english version of that page)
 export const PageQuery = graphql`
-  query PrivacyPolicy {
-    allPrismicPrivacyPolicy(filter: { lang: { eq: "en-us" } }) {
+  query YieldTermsAndConditions {
+    allPrismicYieldTermsAndConditions(filter: { lang: { eq: "en-us" } }) {
       edges {
         node {
           data {
-            pp_body {
+            body {
               richText
             }
-            pp_title {
+            title {
               richText
             }
           }