status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Refactor provider notifications

This commit is contained in:
apanizo 2018-10-10 16:40:34 +02:00
parent b413d90f01
commit 227d011c7d
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Header/index.jsx
View File

@ -3,6 +3,7 @@ import * as React from 'react'
import { connect } from 'react-redux'
import { logComponentStack, type Info } from '~/utils/logBoundaries'
import { SharedSnackbarConsumer, type Variant } from '~/components/SharedSnackBar/Context'
import { WALLET_ERROR_MSG } from '~/logic/wallets/store/actions'
import ProviderInfo from './component/ProviderInfo'
import ProviderDetails from './component/ProviderInfo/UserDetails'
import ProviderDisconnected from './component/ProviderDisconnected'
@ -30,7 +31,7 @@ class HeaderComponent extends React.PureComponent<Props, State> {
componentDidCatch(error: Error, info: Info) {
this.setState({ hasError: true })
this.props.openSnackbar('Error connecting to your wallet', 'error')
this.props.openSnackbar(WALLET_ERROR_MSG, 'error')
logComponentStack(error, info)
}

16
src/logic/wallets/store/actions/fetchProvider.js
View File

@ -19,14 +19,24 @@ export const processProviderResponse = (dispatch: ReduxDispatch<*>, response: Pr
const SUCCESS_MSG = 'Wallet connected sucessfully'
const UNLOCK_MSG = 'Unlock your wallet to connect'
export const WALLET_ERROR_MSG = 'Error connecting to your wallet'
export default (openSnackbar: Function) => async (dispatch: ReduxDispatch<*>) => {
const response: ProviderProps = await getProviderInfo()
const handleProviderNotification = (loaded: boolean, available: boolean, openSnackbar: Function) => {
if (!loaded) {
openSnackbar(WALLET_ERROR_MSG, 'error')
return
}
const { available } = response
const msg = available ? SUCCESS_MSG : UNLOCK_MSG
const variant = available ? 'success' : 'warning'
openSnackbar(msg, variant)
}
export default (openSnackbar: Function) => async (dispatch: ReduxDispatch<*>) => {
const response: ProviderProps = await getProviderInfo()
const { loaded, available } = response
handleProviderNotification(loaded, available, openSnackbar)
processProviderResponse(dispatch, response)
}