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",
      "text-decoration": "underline",
      cursor: "pointer"
    }

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

export {
  AppNavigation
}