Merge pull request #59 from blocknative/feature/opera-wallet

Add opera wallet

Closes #58

Author: lnbc1QWFyb24

src/modules/select/index.ts

@@ -7,6 +7,8 @@ import portis from "./wallets/portis"
 import fortmatic from "./wallets/fortmatic"
 import authereum from "./wallets/authereum"
 import squarelink from "./wallets/squarelink"
+import opera from "./wallets/opera"
+import operaTouch from "./wallets/opera-touch"
 
 import { validateSelectDefaultsOptions } from "../../validation"
 import { SelectDefaultsOptions, WalletSelectModule } from "../../interfaces"
@@ -24,8 +26,8 @@ function defaults(options: SelectDefaultsOptions): WalletSelectModule {
     walletConnectInit
   } = options
 
-  const desktopModules = [metamask(), dapper()]
-  const mobileModules = [coinbase(), trust()]
+  const desktopModules = [metamask(), dapper(), opera()]
+  const mobileModules = [coinbase(), trust(), operaTouch()]
 
   if (portisInit) {
     desktopModules.push(portis({ ...portisInit, networkId }))
@@ -76,5 +78,7 @@ export default {
   portis,
   fortmatic,
   authereum,
-  squarelink
+  squarelink,
+  opera,
+  operaTouch
 }

src/modules/select/wallet-icons/icon-opera-touch.png

@@ -0,0 +1,33 @@
+import { extensionInstallMessage } from "../content"
+
+import operaTouchIcon from "../wallet-icons/icon-opera-touch.png"
+import operaTouchIcon2x from "../wallet-icons/icon-opera-touch@2x.png"
+
+import { WalletModule, Helpers } from "../../../interfaces"
+
+function operaTouch(): WalletModule {
+  return {
+    name: "Opera Touch",
+    iconSrc: operaTouchIcon,
+    iconSrcSet: operaTouchIcon2x,
+    wallet: (helpers: Helpers) => {
+      const { getProviderName, createModernProviderInterface } = helpers
+
+      const provider =
+        (window as any).ethereum ||
+        ((window as any).web3 && (window as any).web3.currentProvider)
+
+      return {
+        provider,
+        interface:
+          provider && getProviderName(provider) === undefined
+            ? createModernProviderInterface(provider)
+            : null
+      }
+    },
+    link: "https://www.opera.com/mobile/touch",
+    installMessage: extensionInstallMessage
+  }
+}
+
+export default operaTouch

src/modules/select/wallet-icons/icon-opera-touch@2x.png

@@ -0,0 +1,33 @@
+import { extensionInstallMessage } from "../content"
+
+import operaIcon from "../wallet-icons/icon-opera.png"
+import operaIcon2x from "../wallet-icons/icon-opera@2x.png"
+
+import { WalletModule, Helpers } from "../../../interfaces"
+
+function opera(): WalletModule {
+  return {
+    name: "Opera",
+    iconSrc: operaIcon,
+    iconSrcSet: operaIcon2x,
+    wallet: (helpers: Helpers) => {
+      const { getProviderName, createModernProviderInterface } = helpers
+
+      const provider =
+        (window as any).ethereum ||
+        ((window as any).web3 && (window as any).web3.currentProvider)
+
+      return {
+        provider,
+        interface:
+          provider && getProviderName(provider) === undefined
+            ? createModernProviderInterface(provider)
+            : null
+      }
+    },
+    link: "https://www.opera.com/",
+    installMessage: extensionInstallMessage
+  }
+}
+
+export default opera