diff --git a/js/src/ui/IdentityName/identityName.js b/js/src/ui/IdentityName/identityName.js index ca56bcacf..11e7c7d96 100644 --- a/js/src/ui/IdentityName/identityName.js +++ b/js/src/ui/IdentityName/identityName.js @@ -18,6 +18,8 @@ import React, { Component, PropTypes } from 'react'; import { connect } from 'react-redux'; import { bindActionCreators } from 'redux'; +const defaultName = 'UNNAMED'; + class IdentityName extends Component { static propTypes = { address: PropTypes.string, @@ -38,14 +40,14 @@ class IdentityName extends Component { } const addressFallback = shorten ? this.formatHash(address) : address; - const fallback = unknown ? 'UNNAMED' : addressFallback; + const fallback = unknown ? defaultName : addressFallback; const isUuid = hasAccount && account.name === account.uuid; const name = hasAccount && !isUuid - ? account.name.toUpperCase() + ? account.name.toUpperCase().trim() : fallback; return ( - { name } + { name && name.length ? name : fallback } ); } diff --git a/js/src/util/validation.js b/js/src/util/validation.js index 1ec7489f8..243217077 100644 --- a/js/src/util/validation.js +++ b/js/src/util/validation.js @@ -81,7 +81,7 @@ export function validateCode (code, api) { } export function validateName (name) { - const nameError = !name || name.length < 2 ? ERRORS.invalidName : null; + const nameError = !name || name.trim().length < 2 ? ERRORS.invalidName : null; return { name,