[core - v2.2.12-alpha.2] : bug - Add lowercase coercion to chain ids, add Optimism test net mapped to Optimism Icon (#1062)

* Add lowercase coercion to chain ids
* Add Optimism Kovan to chainIdToLabel

Author: Adamj1232

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.2.12-alpha.1",
+  "version": "2.2.12-alpha.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

packages/core/src/store/actions.ts

@@ -44,9 +44,10 @@ export function addChains(chains: Chain[]): void {
   // chains are validated on init
   const action = {
     type: ADD_CHAINS,
-    payload: chains.map(({ namespace = 'evm', ...rest }) => ({
+    payload: chains.map(({ namespace = 'evm', id, ...rest }) => ({
       ...rest,
-      namespace
+      namespace,
+      id : id.toLowerCase()
     }))
   }
 

packages/core/src/utils.ts

@@ -81,6 +81,7 @@ export const chainIdToLabel: Record<string, string> = {
   '0x89': 'Polygon',
   '0xfa': 'Fantom',
   '0xa': 'Optimism',
+  '0x45': 'Optimism Kovan',
   '0xa86a': 'Avalanche',
   '0xa4ec': 'Celo',
   '0x64': 'Gnosis',
@@ -125,6 +126,10 @@ export const chainStyles: Record<string, ChainStyle> = {
     icon: optimismIcon,
     color: '#FF0420'
   },
+  '0x45': {
+    icon: optimismIcon,
+    color: '#FF0420'
+  },
   '0xa86a': {
     icon: avalancheIcon,
     color: '#E84142'

packages/demo/package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@web3-onboard/coinbase": "^2.0.3",
-    "@web3-onboard/core": "^2.2.11",
+    "@web3-onboard/core": "^2.2.12-alpha.1",
     "@web3-onboard/dcent": "^2.0.0",
     "@web3-onboard/fortmatic": "^2.0.2",
     "@web3-onboard/gnosis": "^2.0.1",
@@ -36,6 +36,7 @@
     "@web3-onboard/torus": "^2.0.1",
     "@web3-onboard/trezor": "^2.1.0",
     "@web3-onboard/walletconnect": "^2.0.1",
+    "@web3-onboard/web3auth": "^2.0.0",
     "vconsole": "^3.9.5"
   },
   "license": "MIT",