-var SignupForm = require('./signup.js').SignupForm;
-var SigninForm = require('./signin.js').SigninForm;
-var OtpEnrollForm = require('./otp.js').OtpEnrollForm;
-var PoloniexController = require('./poloniex.js').PoloniexController;
-var App = require('./app.js');
-var Api = require('./api.js').Api;
-var cookies = require('./cookies.js');
-
-var Logo = React.createClass({
- render: function() {
- return (<div className='row'>
- <div id='logo' className='offset-4 col-4'>
- <a href='/'>Cryptoportfolio</a>
- </div>
- </div>);
+import SignupForm from './signup.js';
+import SigninForm from './signin.js';
+import OtpEnrollForm from './otp.js';
+import PoloniexController from './poloniex.js';
+import App from './app.js';
+import Api from './api.js';
+import cookies from './cookies.js';
+import React from 'react';
+
+class Header extends React.Component {
+ render = () => {
+ if (this.props.displayLogout === true) {
+ return <div id="header" className="row">
+ <div className="offset-4 col-4">
+ <Logo />
+ </div>
+ <div className="offset-2 col-2 align-self-center h-100">
+ <a href="/signout"><u>Logout</u></a>
+ </div>
+ </div>;
+ }
+ return <div id="header" className="row">
+ <div className="offset-4 col-4">
+ <Logo />
+ </div>
+ </div>;
+