login with country code #65

package.json

@@ -134,6 +134,7 @@
     "electron-window-state": "^4.1.1",
     "han": "0.0.7",
     "ionicons201": "^1.0.0",
+    "libphonenumber-js": "^0.4.38",
     "md5": "^2.2.1",
     "mobx": "^3.2.2",
     "mobx-react": "^4.2.2",

src/js/components/Menu/index.js

@@ -30,7 +30,15 @@ class Menu extends Component {
         var link = `/user/${profile.userId}`;
 
         if (!hasLogin()) {
-            return false;
+            return (
+                <p>
+                    <Link
+                        onClick={close}
+                        to="/login">
+                        Sign in
+                    </Link>
+                </p>
+            );
         }
 
         return (

src/js/stores/me.js

@@ -3,6 +3,7 @@ import { observable, action } from 'mobx';
 import axios from 'axios';
 
 import storage from 'utils/storage';
+import helper from 'utils/helper';
 import player from './player';
 import home from './home';
 
@@ -37,6 +38,7 @@ class Me {
 
         var response = await axios.get('/login/cellphone', {
             params: {
+                countrycode: helper.getCountryCode(phone),
                 phone,
                 password,
             }

src/js/utils/helper.js

@@ -1,5 +1,6 @@
 
 import uuid from 'uuid';
+import { asYouType } from 'libphonenumber-js';
 
 const helper = {
     pad(number) {
@@ -31,6 +32,16 @@ const helper = {
         });
     },
 
+    getCountryCode(phone) {
+        if (/1[34578][012356789]\d{8}|134[012345678]\d{7}/.test(phone)) {
+            return '86';
+        }
+
+        var formatter = new asYouType();
+        formatter.input(phone);
+        return formatter.country_phone_code;
+    },
+
     pureColor(colors = []) {
         var rgb = colors[1] || [255, 255, 255];