bug/match metamask network on wallet unlock

CHANGELOG.md

@@ -1,3 +1,9 @@
+### Release v5.1.3
+
+### Bug
+
+- Fix network mismatch when using metamask [#1384](https://github.com/MyEtherWallet/MyEtherWallet/pull/1384)
+
 ### Devop
 
 - Compress images, Remove unused images and components [#1389](https://github.com/MyEtherWallet/MyEtherWallet/pull/1389)

src/layouts/InterfaceLayout/InterfaceLayout.vue

@@ -472,19 +472,25 @@ export default {
         }
       });
     },
+    checkAndSetNetwork(id) {
+      if (this.network.type.chainID.toString() !== `${id}`) {
+        Object.keys(networkTypes).some(net => {
+          if (
+            networkTypes[net].chainID.toString() === `${id}` &&
+            this.Networks[net]
+          ) {
+            this.$store.dispatch('switchNetwork', this.Networks[net][0]);
+            return true;
+          }
+        });
+      }
+    },
     matchMetamaskNetwork() {
+      this.web3.eth.net.getId().then(id => {
+        this.checkAndSetNetwork(id);
+      });
       window.ethereum.on('networkChanged', netId => {
-        if (this.network.type.chainID.toString() !== netId) {
-          Object.keys(networkTypes).some(net => {
-            if (
-              networkTypes[net].chainID.toString() === netId &&
-              this.Networks[net]
-            ) {
-              this.$store.dispatch('switchNetwork', this.Networks[net][0]);
-              return true;
-            }
-          });
-        }
+        this.checkAndSetNetwork(netId);
       });
     },
     setupOnlineEnvironment: web3Utils._.debounce(function() {
@@ -498,7 +504,10 @@ export default {
       if (this.online) {
         if (this.account.address !== null) {
           if (this.account.identifier === WEB3_TYPE) {
-            if (window.web3.currentProvider.isMetamask) {
+            if (
+              window.web3.currentProvider.isMetaMask ||
+              window.web3.currentProvider.isMew
+            ) {
               this.checkMetamaskAddrChange();
               this.matchMetamaskNetwork();
             } else {

src/networks/types/GOERLI.js

@@ -4,7 +4,7 @@ import { GOERLI } from '../tlds';
 import goerli from '@/assets/images/icons/network.svg';
 
 export default {
-  name: 'GöETH',
+  name: 'GOERLI',
   name_long: 'Goerli',
   homePage: 'https://github.com/goerli/testnet',
   blockExplorerTX: 'https://blockscout.com/eth/goerli/tx/[[txHash]]',

src/store/actions.js

@@ -203,7 +203,13 @@ const updateNotification = function({ commit, state }, val) {
     newNotif[item] = state.notifications[item];
   });
 
-  newNotif[address][val[1]] = val[2];
+  const idIndex = newNotif[address].findIndex(entry => entry.id === val[2].id);
+  if (idIndex > -1) {
+    newNotif[address][idIndex] = val[2];
+  } else {
+    newNotif[address][val[1]] = val[2];
+  }
+
   commit('UPDATE_NOTIFICATION', newNotif);
 };