summaryrefslogtreecommitdiffhomepage
path: root/app/components
diff options
context:
space:
mode:
authorLinus Färnstrand <linus@mullvad.net>2017-09-04 13:08:44 +0200
committerLinus Färnstrand <linus@mullvad.net>2017-09-04 13:26:11 +0200
commit9b4ca3b9d73255ee573cf12c69893208326682fe (patch)
tree4818423a3e26b568ba20c8b1ec484d1bf5effd2f /app/components
parentfb1ae90a3b4fdb1601a4602929b62d706fb5192e (diff)
downloadmullvadvpn-9b4ca3b9d73255ee573cf12c69893208326682fe.tar.xz
mullvadvpn-9b4ca3b9d73255ee573cf12c69893208326682fe.zip
Change accountNumber to accountToken
Diffstat (limited to 'app/components')
-rw-r--r--app/components/Account.js4
-rw-r--r--app/components/Login.js28
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 } />