Gecko [ dataharbor.africa ]

Name	Size	Permission
?;home	[ DIR ]	drwxr-xr-x
Accordion.js	1.14 KB	-rw-r--r--
Button.js	478 B	-rw-r--r--
DocLinks.js	1.83 KB	-rw-r--r--
FoundTypo.js	820 B	-rw-r--r--
MobileSidebar.js	756 B	-rw-r--r--
Sidebar.js	619 B	-rw-r--r--
layout.js	604 B	-rw-r--r--
links.js	970 B	-rw-r--r--
navbar.js	3.17 KB	-rw-r--r--
scripts.js	610 B	-rw-r--r--
seo.js	1.72 KB	-rw-r--r--

Code Editor : seo.js

/**
 * SEO component that queries for data with
 *  Gatsby's useStaticQuery React hook
 *
 * See: https://www.gatsbyjs.org/docs/use-static-query/
 */

import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import { useStaticQuery, graphql } from 'gatsby'

function SEO ({ description, lang, meta, title }) {
  const { site } = useStaticQuery(
    graphql`
      query {
        site {
          siteMetadata {
            title
            description
            author
          }
        }
      }
    `
  )

const metaDescription = description || site.siteMetadata.description

return (
    <Helmet
      htmlAttributes={{
        lang
      }}
      title={title}
      titleTemplate={`%s | ${site.siteMetadata.title}`}
      meta={[
        {
          name: 'description',
          content: metaDescription
        },
        {
          property: 'og:title',
          content: title
        },
        {
          property: 'og:description',
          content: metaDescription
        },
        {
          property: 'og:type',
          content: 'website'
        },
        {
          name: 'twitter:card',
          content: 'summary'
        },
        {
          name: 'twitter:creator',
          content: site.siteMetadata.author
        },
        {
          name: 'twitter:title',
          content: title
        },
        {
          name: 'twitter:description',
          content: metaDescription
        }
      ].concat(meta)}
    />
  )
}

SEO.defaultProps = {
  lang: 'en',
  meta: [],
  description: ''
}

SEO.propTypes = {
  description: PropTypes.string,
  lang: PropTypes.string,
  meta: PropTypes.arrayOf(PropTypes.object),
  title: PropTypes.string.isRequired
}

export default SEO

${this.title}

Code Editor : seo.js