Infrastructure/verdaccio
0
Fork 0
mirror of https://github.com/verdaccio/verdaccio.git synced 2025-02-24 23:55:46 -05:00
Code Issues Activity

Fix: #322 - Message box replaced with alert

Browse source 
Review: Minor fixes
This commit is contained in:
Ayush Sharma 2017-09-12 23:13:17 +05:30
parent e81d50162f
commit 64839bd61b
1 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/webui/src/components/Header/index.js
View file

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import {Button, Dialog, Input, MessageBox} from 'element-react'; import {Button, Dialog, Input, Alert} from 'element-react';
import isString from 'lodash/isString'; import isString from 'lodash/isString';
import get from 'lodash/get'; import get from 'lodash/get';
import isNumber from 'lodash/isNumber'; import isNumber from 'lodash/isNumber';
@ -17,7 +17,8 @@ export default class Header extends React.Component {
showLogin: false, showLogin: false,
username: '', username: '',
password: '', password: '',
logo: '' logo: '',
loginError: null
} }
constructor(props) { constructor(props) {
@ -30,6 +31,7 @@ export default class Header extends React.Component {
this.setState({ this.setState({
showLogin: !this.state.showLogin showLogin: !this.state.showLogin
}); });
this.setState({loginError: null});
} }
handleInput(name, e) { handleInput(name, e) {
@ -50,7 +52,11 @@ export default class Header extends React.Component {
async handleSubmit() { async handleSubmit() {
if (this.state.username === '' || this.state.password === '') { if (this.state.username === '' || this.state.password === '') {
return MessageBox.alert('Username or password can\'t be empty!', ''); return this.setState({loginError: {
title: 'Unable to login',
type: 'error',
description: 'Username or password can\'t be empty!'
}});
} }
try { try {
@ -65,11 +71,16 @@ export default class Header extends React.Component {
storage.setItem('username', resp.data.username); storage.setItem('username', resp.data.username);
location.reload(); location.reload();
} catch (e) { } catch (e) {
const errorObj = {
title: 'Unable to login',
type: 'error'
};
if (get(e, 'response.status', 0) === 401) { if (get(e, 'response.status', 0) === 401) {
MessageBox.alert(e.response.data.error, 'Unable to login'); errorObj.description = e.response.data.error;
} else { } else {
MessageBox.alert(e.message, 'Unable to login:'); errorObj.description = e.message;
} }
this.setState({loginError: errorObj});
} }
} }
@ -148,6 +159,13 @@ export default class Header extends React.Component {
onCancel={ () => this.toggleLoginModal() } onCancel={ () => this.toggleLoginModal() }
> >
<Dialog.Body> <Dialog.Body>
{ this.state.loginError &&
<Alert
title={this.state.loginError.title} type={this.state.loginError.type}
description={this.state.loginError.description} showIcon={true} closable={false}>
</Alert>
}
<br/>
<Input placeholder="Username" onChange={this.handleInput.bind(this, 'username')} /> <Input placeholder="Username" onChange={this.handleInput.bind(this, 'username')} />
<br/><br/> <br/><br/>
<Input type="password" placeholder="Type your password" onChange={this.handleInput.bind(this, 'password')} /> <Input type="password" placeholder="Type your password" onChange={this.handleInput.bind(this, 'password')} />