diff options
| author | Linus Färnstrand <linus@mullvad.net> | 2017-09-04 13:08:44 +0200 |
|---|---|---|
| committer | Linus Färnstrand <linus@mullvad.net> | 2017-09-04 13:26:11 +0200 |
| commit | 9b4ca3b9d73255ee573cf12c69893208326682fe (patch) | |
| tree | 4818423a3e26b568ba20c8b1ec484d1bf5effd2f /app/components | |
| parent | fb1ae90a3b4fdb1601a4602929b62d706fb5192e (diff) | |
| download | mullvadvpn-9b4ca3b9d73255ee573cf12c69893208326682fe.tar.xz mullvadvpn-9b4ca3b9d73255ee573cf12c69893208326682fe.zip | |
Change accountNumber to accountToken
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/Account.js | 4 | ||||
| -rw-r--r-- | app/components/Login.js | 28 |
2 files changed, 16 insertions, 16 deletions
diff --git a/app/components/Account.js b/app/components/Account.js index 12ef0c1938..64dc617f98 100644 --- a/app/components/Account.js +++ b/app/components/Account.js @@ -20,7 +20,7 @@ export default class Account extends Component { render(): React.Element<*> { const expiry = moment(this.props.account.expiry); - const formattedAccountId = formatAccount(this.props.account.accountNumber || ''); + const formattedAccountToken = formatAccount(this.props.account.accountToken || ''); const formattedExpiry = expiry.format('hA, D MMMM YYYY').toUpperCase(); const isOutOfTime = expiry.isSameOrBefore(moment()); @@ -44,7 +44,7 @@ export default class Account extends Component { <div className="account__row"> <div className="account__row-label">Account ID</div> - <div className="account__row-value">{ formattedAccountId }</div> + <div className="account__row-value">{ formattedAccountToken }</div> </div> <div className="account__row"> diff --git a/app/components/Login.js b/app/components/Login.js index ea727adc22..1e1d7dbb5f 100644 --- a/app/components/Login.js +++ b/app/components/Login.js @@ -9,7 +9,7 @@ import type { AccountReduxState, LoginState } from '../redux/account/reducers'; export type LoginPropTypes = { account: AccountReduxState, - onLogin: (accountNumber: string) => void, + onLogin: (accountToken: string) => void, onSettings: ?(() => void), onFirstChangeAfterFailure: () => void, onExternalLink: (type: string) => void, @@ -20,18 +20,18 @@ export default class Login extends Component { state = { notifyOnFirstChangeAfterFailure: false, isActive: false, - unsubmittedAccountNumber: '', + unsubmittedAccountToken: '', }; onCreateAccount = () => this.props.onExternalLink('createAccount'); onFocus = () => this.setState({ isActive: true }); onBlur = () => this.setState({ isActive: false }); onLogin = () => { - const accountNumber = this.state.unsubmittedAccountNumber; - if(accountNumber && accountNumber.length > 0) { - this.props.onLogin(accountNumber); + const accountToken = this.state.unsubmittedAccountToken; + if(accountToken && accountToken.length > 0) { + this.props.onLogin(accountToken); this.setState({ - unsubmittedAccountNumber: '', + unsubmittedAccountToken: '', }); } } @@ -43,7 +43,7 @@ export default class Login extends Component { this.props.onFirstChangeAfterFailure(); } this.setState({ - unsubmittedAccountNumber: val, + unsubmittedAccountToken: val, }); } @@ -83,10 +83,10 @@ export default class Login extends Component { return classes.join(' '); } - submitClass(s: LoginState, accountNumber: ?string): string { + submitClass(s: LoginState, accountToken: ?string): string { const classes = ['login-form__submit']; - if(accountNumber && accountNumber.length > 0) { + if(accountToken && accountToken.length > 0) { classes.push('login-form__submit--active'); } @@ -168,16 +168,16 @@ export default class Login extends Component { _createLoginForm(): React.Element<*> { const { status, error } = this.props.account; - const accountNumber = status === 'logging in' - ? this.props.account.accountNumber - : this.state.unsubmittedAccountNumber; + const accountToken = status === 'logging in' + ? this.props.account.accountToken + : this.state.unsubmittedAccountToken; const inputDisabled = status === 'logging in'; const subtitle = this.formSubtitle(status, error); const inputWrapClass = this.inputWrapClass(status); - const submitClass = this.submitClass(status, accountNumber); + const submitClass = this.submitClass(status, accountToken); const autoFocusRef = input => { if(status === 'failed' && input) { @@ -195,7 +195,7 @@ export default class Login extends Component { onBlur={ this.onBlur } onChange={ this.onInputChange } onEnter={ this.onLogin } - value={ accountNumber || '' } + value={ accountToken || '' } disabled={ inputDisabled } autoFocus={ true } ref={ autoFocusRef } /> |
