Move components into src so SEO will work

Author: jason-roundtree

web/components/DescriptiveItem.js renamed to web/src/components/DescriptiveItem.js

@@ -3,18 +3,15 @@ import PropTypes from "prop-types"
 import { Helmet } from "react-helmet"
 // import { useLocation } from "@reach/router"
 import { useStaticQuery, graphql } from "gatsby"
-import Index from "../src/pages"
 
-// TODO: use this component on Index.js
-const SEO = ({ title, description, image }) => {
+const SEO = ({ title, description }) => {
     // const { pathname } = useLocation()
     const { site } = useStaticQuery(query)
-
     const {
         defaultTitle,
         defaultDescription,
-        siteUrl,
-        defaultImage,
+        // siteUrl,
+        // defaultImage,
     } = site.siteMetadata
 
     const seo = {
@@ -30,13 +27,13 @@ const SEO = ({ title, description, image }) => {
             <meta name="image" content={seo.image} />
             <meta name="author" content={seo.author} />
 
-            {seo.url && <meta property="og:url" content={seo.url} />}
+            {/* {seo.url && <meta property="og:url" content={seo.url} />}
 
             {seo.title && <meta property="og:title" content={seo.title} />}
 
             {seo.description && (
                 <meta property="og:description" content={seo.description} />
-            )}
+            )} */}
 
             {/* {seo.image && <meta property="og:image" content={seo.image} />} */}
             {/* {(article ? true : null) && <meta property="og:type" content="article" />} */}
@@ -66,8 +63,7 @@ const query = graphql`
                 siteMetadata {
                     defaultTitle: title
                     defaultDescription: description
-                    siteUrl: url
                 }
             }
 }
-`
+`

web/components/Footer.js renamed to web/src/components/Footer.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import TableRows from './TableRows'
 import styled from 'styled-components'
-import sortAlpha from '../utils/sorting'
+import sortAlpha from '../../utils/sorting'
 
 const ShortcutNameTh = styled.th`
     &:hover {

web/components/layout.js renamed to web/src/components/Layout.js

@@ -1,6 +1,6 @@
 import React from 'react'
-import Layout from '../../components/layout'
-import Footer from '../../components/Footer'
+import Layout from '../components/Layout'
+import Footer from '../components/Footer'
 
 export default function About() {
     return (