Authorization Form

https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-101-react-components-u/projects/authorization-form

MY CODE FOR THE ABOVE PROJECT IS…

import React from ‘react’;

import ReactDOM from ‘react-dom’;

class Contact extends React.Component {

constructor(props) {

super(props);

this.state = {

password: 'swordfish',

authorized: true

};

this.authorize = this.authorize.bind(this);

}

authorize(e) {

const password = e.target.querySelector(

  'input[type="password"]').value;

const auth = password == this.state.password;

this.setState({

  authorized: auth

});

}

render() {

const login = (<form action="#" onSubmit={this.authorize}>

 <input 

  type="password" 

  placeholder="Password" />

<input type="submit"  />

</form>);

const contactInfo = (

  <ul>

      <li>

        client@example.com

      </li>

      <li>

        555.555.5555

      </li>

    </ul>

);

return (

  <div id="authorization">

   <h1>

{ this.state.authorized ? ‘Contact’ : ‘Enter the Password’ }

 {this.state.authorized ? 'contactInfo' : 'login'} 

  </div>

);

}

}

ReactDOM.render(

,

document.getElementById(‘app’)

);

IDK BUT I M NOT GETTING ANY TYPING SCREEN ON SCREEN,WHERE AM I GOING WRONG?