nodejs · benhalverson · Jun 13, 2021 · May 7, 2021 · May 7, 2021 · May 7, 2021
diff --git a/.remarkrc b/.remarkrc
@@ -3,6 +3,7 @@
     "remark-frontmatter",
     "remark-preset-lint-node",
     ["remark-lint-first-heading-level", false],
-    ["remark-lint-maximum-line-length", false]
+    ["remark-lint-maximum-line-length", false],
+    ["remark-lint-prohibited-strings", false]
   ]
 }
diff --git a/content/about/privacy.md b/content/about/privacy.md
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -72,7 +72,7 @@ module.exports = {
     {
       resolve: 'gatsby-source-filesystem',
       options: {
-        name: 'data',
+        name: 'about',
         path: `${__dirname}/content/about`,
       },
     },

diff --git a/gatsby-node.js b/gatsby-node.js
@@ -25,6 +25,7 @@ exports.createPages = ({ graphql, actions }) => {
                       "homepage"
                       "trademark-policy"
                       "resources"
+                      "privacy-policy"
                     ]
                   }
                 }

diff --git a/src/components/Footer/__tests__/__snapshots__/footer.test.tsx.snap b/src/components/Footer/__tests__/__snapshots__/footer.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`Tests for Footer component renders correctly 1`] = `
       <li>
         <a
           class="footer__link"
-          href="https://nodejs.org/en/about/privacy/"
+          href="/privacy"
         >
           Privacy Policy
         </a>

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import { Link } from 'gatsby';
+import React from 'react';
 import RandomContributor from '../RandomContributor';
 import './footer.scss';
 
@@ -23,12 +23,9 @@ function Footer(): JSX.Element {
             </Link>
           </li>
           <li>
-            <a
-              className="footer__link"
-              href="https://nodejs.org/en/about/privacy/"
-            >
+            <Link className="footer__link" to="/privacy">
               Privacy Policy
-            </a>
+            </Link>
           </li>
           <li>
             <a

diff --git a/src/components/Layout/__tests__/__snapshots__/centered-layout.test.tsx.snap b/src/components/Layout/__tests__/__snapshots__/centered-layout.test.tsx.snap
@@ -167,7 +167,7 @@ exports[`CenteredLayout component renders correctly with footer 1`] = `
       <li>
         <a
           class="footer__link"
-          href="https://nodejs.org/en/about/privacy/"
+          href="/privacy"
         >
           Privacy Policy
         </a>

diff --git a/src/components/Layout/__tests__/__snapshots__/page-layout.test.tsx.snap b/src/components/Layout/__tests__/__snapshots__/page-layout.test.tsx.snap
@@ -240,7 +240,7 @@ exports[`PageLayout component renders correctly with data 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>

diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { graphql } from 'gatsby';
+import { Page } from '../types';
+import Layout from '../components/Layout';
+import Article from '../components/Article';
+import Footer from '../components/Footer';
+import '../styles/article-reader.scss';
+
+export default function PrivacyPage({ data }: Page): JSX.Element {
+  const { title, description } = data.page.frontmatter;
+  const { html, tableOfContents } = data.page;
+  const { authors } = data.page.fields;
+
+  return (
+    <>
+      <Layout title={title} description={description} showFooter={false}>
+        <main className="blog-container">
+          <Article
+            title={title}
+            html={html}
+            tableOfContents={tableOfContents}
+            authors={authors}
+            editPath="content/about/privacy.md"
+          />
+        </main>
+      </Layout>
+      <Footer />
+    </>
+  );
+}
+
+export const query = graphql`
+  query {
+    page: markdownRemark(fields: { slug: { eq: "privacy-policy" } }) {
+      html
+      tableOfContents(absolute: false, pathToSlugField: "frontmatter.path")
+      frontmatter {
+        title
+        description
+      }
+      fields {
+        authors
+      }
+    }
+  }
+`;
diff --git a/test/__fixtures__/page.tsx b/test/__fixtures__/page.tsx
@@ -207,3 +207,19 @@ export const createResourcesData = (): Page => ({
     },
   },
 });
+
+export const createPrivacyData = (): Page => ({
+  data: {
+    page: {
+      fields: {
+        authors: ['Author'],
+      },
+      frontmatter: {
+        description: 'Description',
+        title: 'Title',
+      },
+      html: '<div>Sample</div>',
+      tableOfContents: 'Table of Contents',
+    },
+  },
+});
diff --git a/test/pages/__snapshots__/404.test.tsx.snap b/test/pages/__snapshots__/404.test.tsx.snap
@@ -184,7 +184,7 @@ exports[`404 page renders correctly 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>

diff --git a/test/pages/__snapshots__/blog.test.tsx.snap b/test/pages/__snapshots__/blog.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`Blog page renders correctly 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>
@@ -485,7 +485,7 @@ exports[`Blog page renders correctly for empty blogs list 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>

diff --git a/test/pages/__snapshots__/download.test.tsx.snap b/test/pages/__snapshots__/download.test.tsx.snap
@@ -528,7 +528,7 @@ exports[`Download page renders correctly 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>
@@ -1086,7 +1086,7 @@ exports[`Download page should handle LTS to Current switch 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>

diff --git a/test/pages/__snapshots__/home.test.tsx.snap b/test/pages/__snapshots__/home.test.tsx.snap
@@ -509,7 +509,7 @@ exports[`Home page renders correctly 1`] = `
         <li>
           <a
             class="footer__link"
-            href="https://nodejs.org/en/about/privacy/"
+            href="/privacy"
           >
             Privacy Policy
           </a>