import * as React from 'react';
import TurnatoBar from '../App/TurnatoBar';
import Header from './Header';
import GamesSection from './GamesSection';

class Home extends React.Component<{}, {}> {
  render() {
    return (
      <TurnatoBar>
        <Header />
        <GamesSection />
        <p style={{ fontSize: '12px', textAlign: 'center' }}>
          Made with ♥&nbsp;-&nbsp;
          <a
            href="https://github.com/Felizardo/turnato"
            target="_blank"
            rel="noopener"
          >
            GitHub
          </a>
          &nbsp;-&nbsp;
          <a
            href="/about"
            rel="noopener"
          >
            About
          </a>
        </p>
      </TurnatoBar>
    );
  }
}

export default Home;

import * as React from 'react';
import TurnatoBar from '../App/TurnatoBar';
import Header from './Header';
import GamesSection from './GamesSection';
import { Link } from 'react-router-dom';

class Home extends React.Component<{}, {}> {
  render() {
    return (
      <TurnatoBar>
        <Header />
        <GamesSection />
        <p style={{ fontSize: '12px', textAlign: 'center' }}>
          Made with ♥&nbsp;-&nbsp;
          <a
            href="https://github.com/Felizardo/turnato"
            target="_blank"
            rel="noopener"
          >
            GitHub
          </a>
          &nbsp;-&nbsp;
          <Link
            to="/about"
          >
            About
          </Link>
        </p>
      </TurnatoBar>
    );
  }
}

export default Home;

Use <Link> instead of <a>
Use <Link> instead of <a>
