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;

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;

--- 
+++ 
@@ -2,6 +2,7 @@
 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() {
@@ -19,12 +20,11 @@
             GitHub
           </a>
           &nbsp;-&nbsp;
-          <a
-            href="/about"
-            rel="noopener"
+          <Link
+            to="/about"
           >
             About
-          </a>
+          </Link>
         </p>
       </TurnatoBar>
     );
Use <Link> instead of <a>
