import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Home extends Component {
  render() {
    const { isAuthenticated } = this.props.auth;
    return (
      <div className="container">
        {
          isAuthenticated() && (
              <h4>
                You are logged in!
              </h4>
            )
        }
        {
          !isAuthenticated() && (
              <h4>
                You are not logged in! Please{' '}
                <Link
                  to={'/login'}
                >
                  Log In
                </Link>
                {' '}to continue.
              </h4>
            )
        }
      </div>
    );
  }
}

export default Home;

@@ -39,80 +39,84 @@
 t';%0A
-import %7B Link %7D from 'react-router-dom';%0A%0Aclass Home extends Component %7B
+%0Aclass Home extends Component %7B%0A  login() %7B%0A    this.props.auth.login();%0A  %7D
 %0A  r
@@ -497,43 +497,106 @@
    %3C
-Link%0A                  to=%7B'/login'
+a%0A                  style=%7B%7B cursor: 'pointer' %7D%7D%0A                  onClick=%7Bthis.login.bind(this)
 %7D%0A  
@@ -658,12 +658,9 @@
   %3C/
-Link
+a
 %3E%0A  

Fix Login link