import React from 'react';

class AppNavigation extends React.Component {
  constructor(props) {
    super(props);

    this.navigate = this.navigate.bind(this);
  }

  navigate() {
    let appView;
    if (this.props.appView === 'bridge') appView = 'walletgen';
    if (this.props.appView === 'walletgen') appView = 'bridge';

    this.props.setView(appView);
  }

  render() {
    let buttonText;
    if (this.props.appView === 'bridge') buttonText = 'Go to Walletgen';
    if (this.props.appView === 'walletgen') buttonText = 'Go to Bridge';

    let style = {
      position: 'fixed',
      bottom: '10px',
      right: '10px',
      textDecoration: 'underline',
      cursor: 'pointer',
    };

    return (
      <span style={style} onClick={this.navigate}>
        {buttonText}
      </span>
    );
  }
}

export { AppNavigation };