haysclark/gatsby-starter-casper

import React, { Component } from "react";
import "./Footer.css";

class Footer extends Component {
  render() {
    const PoweredBy = props => {
      const { show } = props;
      if (show) {
        return (
          <section className="poweredby">
            {"Proudly published with "}
            <a href="https://gatsbyjs.org">Gatsby</a>
          </section>
        );
      }
      return null;
    };

    const {
      promoteGatsby,
      copyright: { label, url, year }
    } = this.props;
    const date = year || new Date().getFullYear();
    return (
      <footer className="site-footer clearfix">
        <section className="copyright">
          <a href={url || "/"}>{`${label}`}</a>
          {` `}
          &copy;
          {`${date}`}
        </section>
        <PoweredBy show={promoteGatsby} />
      </footer>
    );
  }
}

export default Footer;