make login button disabled during request

app.json

@@ -8,7 +8,7 @@
       "ios",
       "android"
     ],
-    "version": "0.2.1",
+    "version": "0.2.2",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "splash": {

package.json

@@ -14,6 +14,7 @@
     "@expo/samples": "2.1.1",
     "axios": "^0.18.0",
     "expo": "^32.0.0",
+    "js-base64": "^2.5.1",
     "native-base": "^2.12.0",
     "querystring": "^0.2.0",
     "react": "16.5.0",

screens/LoginScreen.js

@@ -25,6 +25,7 @@ export default class LoginScreen extends React.Component {
     this.state = {
       username: '',
       password: '',
+      disableAuthButton: false,
     }
   }
 
@@ -65,6 +66,7 @@ export default class LoginScreen extends React.Component {
                   />
                 </Item>
                 <Button iconLeft full success
+                  disabled={this.state.disableAuthButton}
                   style={[styles.rounded, styles.auth_button]}
                   onPress={this._handleLogin.bind(this)}
                 >
@@ -81,6 +83,7 @@ export default class LoginScreen extends React.Component {
 
   _handleLogin = async () => {
     try {
+      this.setState({ disableAuthButton: true });
       let username = this.state.username, password = this.state.password;
       if (!username || !password) {
         Alert.alert("Error", "Username and password must be set.");
@@ -94,6 +97,7 @@ export default class LoginScreen extends React.Component {
         "Status: " + (status ? status : "NULL")
         + "\nMessage: " + (message ? message : "NULL")
       );
+      this.setState({ disableAuthButton: false });
     }
   }
 }

services/api.js

@@ -2,6 +2,7 @@ import axios from 'axios';
 import { Alert, AsyncStorage } from 'react-native';
 import { Constants } from 'expo';
 import { stringify } from 'querystring';
+import { Base64 } from 'js-base64';
 
 import * as Config from './config';
 
@@ -36,7 +37,7 @@ export const login = async (username, password) => {
   const params = {
     grant_type: 'password',
     client_id: Config.clientID,
-    client_secret: atob(Config.clientSecret),
+    client_secret: Base64.decode(Config.clientSecret),
     username: username,
     password: password
   };

yarn.lock

@@ -4192,6 +4192,11 @@ jest@^23.6.0:
     import-local "^1.0.0"
     jest-cli "^23.6.0"
 
+js-base64@^2.5.1:
+  version "2.5.1"
+  resolved "http://registry.npm.taobao.org/js-base64/download/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
+  integrity sha1-Hvo57yxfeYC7F4St5KivLeMpESE=
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "http://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"