feat: display the correct provider type and change unlock / install prompt content

1 files changed, 43 insertions, 18 deletions

diff --git a/packages/instant/src/util/env.ts b/packages/instant/src/util/env.ts
index 038ec6c88..448ad5262 100644
--- a/packages/instant/src/util/env.ts
+++ b/packages/instant/src/util/env.ts
@@ -1,6 +1,8 @@
 import * as bowser from 'bowser';
+import { Provider } from 'ethereum-types';
+import * as _ from 'lodash';
 
-import { Browser, OperatingSystem } from '../types';
+import { Browser, OperatingSystem, ProviderType } from '../types';
 
 export const envUtil = {
     getBrowser(): Browser {
@@ -19,24 +21,47 @@ export const envUtil = {
         }
     },
     isMobileOperatingSystem(): boolean {
-        return true;
+        return bowser.mobile;
     },
     getOperatingSystem(): OperatingSystem {
-        return OperatingSystem.iOS;
-        // if (bowser.android) {
-        //     return OperatingSystem.Android;
-        // } else if (bowser.ios) {
-        //     return OperatingSystem.iOS;
-        // } else if (bowser.mac) {
-        //     return OperatingSystem.Mac;
-        // } else if (bowser.windows) {
-        //     return OperatingSystem.Windows;
-        // } else if (bowser.windowsphone) {
-        //     return OperatingSystem.WindowsPhone;
-        // } else if (bowser.linux) {
-        //     return OperatingSystem.Linux;
-        // } else {
-        //     return OperatingSystem.Other;
-        // }
+        if (bowser.android) {
+            return OperatingSystem.Android;
+        } else if (bowser.ios) {
+            return OperatingSystem.iOS;
+        } else if (bowser.mac) {
+            return OperatingSystem.Mac;
+        } else if (bowser.windows) {
+            return OperatingSystem.Windows;
+        } else if (bowser.windowsphone) {
+            return OperatingSystem.WindowsPhone;
+        } else if (bowser.linux) {
+            return OperatingSystem.Linux;
+        } else {
+            return OperatingSystem.Other;
+        }
+    },
+    getProviderName(provider: Provider): ProviderType | string {
+        const constructorName = provider.constructor.name;
+        let parsedProviderName = constructorName;
+        // https://ethereum.stackexchange.com/questions/24266/elegant-way-to-detect-current-provider-int-web3-js
+        switch (constructorName) {
+            case 'EthereumProvider':
+                parsedProviderName = ProviderType.Mist;
+                break;
+
+            default:
+                parsedProviderName = constructorName;
+                break;
+        }
+        if ((provider as any).isParity) {
+            parsedProviderName = ProviderType.Parity;
+        } else if ((provider as any).isMetaMask) {
+            parsedProviderName = ProviderType.MetaMask;
+        } else if (!_.isUndefined(_.get(window, 'SOFA'))) {
+            parsedProviderName = ProviderType.CoinbaseWallet;
+        } else if (!_.isUndefined(_.get(window, '__CIPHER__'))) {
+            parsedProviderName = ProviderType.Cipher;
+        }
+        return parsedProviderName;
     },
 };