diff --git a/src/components/Header.js b/src/components/Header.js index 70799067bb53691f50038a5c987469665f162b8b..cadea2429816edecfa518dbb14e1db4e05b623d4 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -40,24 +40,24 @@ class Header extends React.Component { Authorization: 'Bearer ' + token } }) - .then(res => res.json()) - .then( - result => { - // if token is still valid, login user - if (result === true) { - this.setState({ - username: sessionStorage.getItem('name'), - token: token - }); - // logout user if token has expired / is invalid - } else { - this.handleLogout(); - } - }, - error => { - console.log(error); + .then(res => res.json()) + .then( + result => { + // if token is still valid, login user + if (result === true) { + this.setState({ + username: sessionStorage.getItem('name'), + token: token + }); + // logout user if token has expired / is invalid + } else { + this.handleLogout(); } - ); + }, + error => { + console.log(error); + } + ); } } @@ -78,6 +78,13 @@ class Header extends React.Component { )} {this.state.username && <button>{this.state.username}</button>} <button onClick={this.props.handleLayerChange}>change layer</button> + <label>Zoom: </label> + <select onChange={this.props.handleZoom}> + <option value="13">13</option> + <option value="10">10</option> + <option value="5">5</option> + <option value="15">15</option> + </select> </div> {this.state.register && ( <RegisterForm @@ -93,7 +100,6 @@ class Header extends React.Component { toggleView={this.toggleView} /> )} - </div> ); }