[Fix] Issue#63 - Refreshing the page logs me out

src/ducks/signIn.js

@@ -1,5 +1,6 @@
 import Portis from '@portis/web3';
 import Web3 from 'web3';
+import { REHYDRATE } from 'redux-persist';
 import {
   appName,
   INFURA_PROVIDER_WSS,
@@ -43,6 +44,8 @@ export default function reducer( state = initialState, action ) {
   const { type, payload, error } = action;
 
   switch (type) {
+    case REHYDRATE: 
+      return { ...state, isAuthenticated: payload && payload.isAuthenticated && window.ethereum.isConnected() } // TODO: Set appropriate checks to make sure Wallet is connected with the right address
     case FETCH_SIGN_IN_REQUEST:
       return Object.assign({}, state, {
         isFetching: true,
@@ -51,7 +54,7 @@ export default function reducer( state = initialState, action ) {
         error: null
       });
     case SET_DEFAULT_WEB3:
-      return {
+      return {...state,
         web3: payload.web3,
         error: null
       };
@@ -215,6 +218,7 @@ export const subscribeMetamaskEventChannel = web3 => {
 
     window.ethereum.on('accountsChanged', handleNewAccounts);
     window.ethereum.on('chainChanged', handleChainChange);
+    window.ethereum.on('disconnect', handleNewAccounts);
 
     return () => {};
   });
@@ -230,9 +234,20 @@ const openPortisPopUp = async () => {
 
 function* setDefaultWeb3Saga() {
   try {
+    const provider = yield select(selectProvider);
+    const address = yield select(selectSignInAddress);
+
+    const web3Instance = new Web3(INFURA_PROVIDER_WSS)
     yield put(setDefaultWeb3({
-      web3: new Web3(INFURA_PROVIDER_WSS)
+      web3: web3Instance
     }));
+
+    const ethAccounts = yield call(window.ethereum.request, {method: 'eth_accounts'})
+    if(ethAccounts[0] === address) {
+      yield put(fetchSignInSuccess({provider, web3: web3Instance, address}));
+    } else {
+      yield put(fetchSignInFailure((new Error('Address mismatch'))));
+    }
   } catch (error) {
     // Connection Failure
     yield put(fetchSignInFailure(error));

src/redux/rootReducer.js

@@ -1,4 +1,6 @@
 import { combineReducers } from "redux";
+import { persistReducer } from 'redux-persist';
+import storage from 'redux-persist/lib/storage';
 import fetchProfileOrganizations, { moduleName as profileModule } from '../ducks/fetchProfile';
 import fetchSearchOrganizations, { moduleName as searchModule } from '../ducks/fetchSearchResults';
 import fetchOrganizationInfo, { moduleName as orgInfoModule } from '../ducks/fetchOrganizationInfo';
@@ -10,12 +12,18 @@ import joinOrganisations, {moduleName as joinOrganisationsModule} from '../ducks
 import orgActiveStatus, {moduleName as orgActiveStatusModule} from '../ducks/orgActiveStatus';
 import directories, { moduleName as directoriesModule } from '../ducks/directories';
 
+const signInPersistConfig = {
+  storage,
+  key: 'signIn',
+  blacklist: ['web3']
+}
+
 //Add all reducers here
 export default combineReducers({
   [profileModule]: fetchProfileOrganizations,
   [searchModule]: fetchSearchOrganizations,
   [orgInfoModule]: fetchOrganizationInfo,
-  [signInModule]: fetchSignIn,
+  [signInModule]: persistReducer(signInPersistConfig, fetchSignIn),
   [wizardModule]: extendWizard,
   [depositModule]: fetchLifDeposit,
   [backendStatusModule]: backendStatus,