mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 19:10:22 +01:00
53ec42d95f
Add alert suggesting that the user switch to a connected account. This alert is displayed when the popup is opened over an active tab that is connected to some account, but not the current selected account. The user can choose to switch to a connected account, or dismiss the alert. This alert is only shown once per account switch. So if the user repeatedly opens the popup on a dapp without switching accounts, it'll only be shown the first time. The alert also won't be shown if the user has just dismissed an "Unconnected account" alert on this same dapp and account, as that would be redundant. The alert has a "Don't show me this again" checkbox that allows the user to disable the alert. It can be re-enabled again on the Alerts settings page.
112 lines
2.6 KiB
JavaScript
112 lines
2.6 KiB
JavaScript
import { createSlice } from '@reduxjs/toolkit'
|
|
import { captureException } from '@sentry/browser'
|
|
|
|
import { ALERT_TYPES } from '../../../../app/scripts/controllers/alert'
|
|
import * as actionConstants from '../../store/actionConstants'
|
|
import { setAlertEnabledness, setSelectedAddress } from '../../store/actions'
|
|
|
|
// Constants
|
|
|
|
export const ALERT_STATE = {
|
|
CLOSED: 'CLOSED',
|
|
ERROR: 'ERROR',
|
|
LOADING: 'LOADING',
|
|
OPEN: 'OPEN',
|
|
}
|
|
|
|
const name = ALERT_TYPES.switchToConnected
|
|
|
|
const initialState = {
|
|
state: ALERT_STATE.CLOSED,
|
|
}
|
|
|
|
// Slice (reducer plus auto-generated actions and action creators)
|
|
|
|
const slice = createSlice({
|
|
name,
|
|
initialState,
|
|
reducers: {
|
|
disableAlertFailed: (state) => {
|
|
state.state = ALERT_STATE.ERROR
|
|
},
|
|
disableAlertRequested: (state) => {
|
|
state.state = ALERT_STATE.LOADING
|
|
},
|
|
disableAlertSucceeded: (state) => {
|
|
state.state = ALERT_STATE.CLOSED
|
|
},
|
|
dismissAlert: (state) => {
|
|
state.state = ALERT_STATE.CLOSED
|
|
},
|
|
switchAccountFailed: (state) => {
|
|
state.state = ALERT_STATE.ERROR
|
|
},
|
|
switchAccountRequested: (state) => {
|
|
state.state = ALERT_STATE.LOADING
|
|
},
|
|
switchAccountSucceeded: (state) => {
|
|
state.state = ALERT_STATE.CLOSED
|
|
},
|
|
},
|
|
extraReducers: {
|
|
[actionConstants.SELECTED_ADDRESS_CHANGED]: (state) => {
|
|
// close the alert if the account is switched while it's open
|
|
if (state.state === ALERT_STATE.OPEN) {
|
|
state.state = ALERT_STATE.CLOSED
|
|
}
|
|
},
|
|
},
|
|
})
|
|
|
|
const { actions, reducer } = slice
|
|
|
|
export default reducer
|
|
|
|
// Selectors
|
|
|
|
export const getAlertState = (state) => state[name].state
|
|
|
|
export const alertIsOpen = (state) => state[name].state !== ALERT_STATE.CLOSED
|
|
|
|
// Actions / action-creators
|
|
|
|
const {
|
|
disableAlertFailed,
|
|
disableAlertRequested,
|
|
disableAlertSucceeded,
|
|
dismissAlert,
|
|
switchAccountFailed,
|
|
switchAccountRequested,
|
|
switchAccountSucceeded,
|
|
} = actions
|
|
|
|
export { dismissAlert }
|
|
|
|
export const dismissAndDisableAlert = () => {
|
|
return async (dispatch) => {
|
|
try {
|
|
await dispatch(disableAlertRequested())
|
|
await dispatch(setAlertEnabledness(name, false))
|
|
await dispatch(disableAlertSucceeded())
|
|
} catch (error) {
|
|
console.error(error)
|
|
captureException(error)
|
|
await dispatch(disableAlertFailed())
|
|
}
|
|
}
|
|
}
|
|
|
|
export const switchToAccount = (address) => {
|
|
return async (dispatch) => {
|
|
try {
|
|
await dispatch(switchAccountRequested())
|
|
await dispatch(setSelectedAddress(address))
|
|
await dispatch(switchAccountSucceeded())
|
|
} catch (error) {
|
|
console.error(error)
|
|
captureException(error)
|
|
await dispatch(switchAccountFailed())
|
|
}
|
|
}
|
|
}
|