feat: uses gatsby plugin for last updated

gatsby-config.js

@@ -73,6 +73,7 @@ module.exports = {
     'gatsby-plugin-use-dark-mode',
     'gatsby-plugin-sitemap',
     'gatsby-plugin-meta-redirect',
+    'gatsby-plugin-build-date',
     {
       resolve: 'gatsby-plugin-newrelic',
       options: {

package.json

@@ -10,6 +10,7 @@
     "eslint-plugin-react-hooks": "^4.0.4",
     "gatsby": "^2.23.3",
     "gatsby-image": "^2.4.9",
+    "gatsby-plugin-build-date": "^1.0.0",
     "gatsby-plugin-google-tagmanager": "^2.3.5",
     "gatsby-plugin-manifest": "^2.4.11",
     "gatsby-plugin-mdx": "^1.2.14",

src/components/Footer.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Link } from 'gatsby';
+import { Link, useStaticQuery, graphql } from 'gatsby';
 import cx from 'classnames';
 import ExternalLink from './ExternalLink';
 import { PageContext } from './PageContext';
@@ -15,6 +15,15 @@ const Footer = ({ className }) => {
     'src/markdown-pages/components'
   );
 
+  const data = useStaticQuery(graphql`
+    query {
+      currentBuildDate {
+        currentDate
+      }
+    }
+  `);
+  console.log(data, 'footer');
+
   return (
     <footer className={cx(styles.footer, className)}>
       <div className={styles.left}>