diff --git a/shared/screens/Market/Overview/MarketList/index.jsx b/shared/screens/Market/Overview/MarketList/index.jsx index e46129cbd..1acfc7c83 100644 --- a/shared/screens/Market/Overview/MarketList/index.jsx +++ b/shared/screens/Market/Overview/MarketList/index.jsx @@ -13,6 +13,7 @@ import abbreviate from 'number-abbreviate' import { filterBgColor } from 'utils' import { ASSET_FRACTION } from 'constants/market' import messages from 'resources/messages' +import Images from 'resources/images' import styles from './styles' @connect( @@ -24,14 +25,17 @@ import styles from './styles' { withRef: true } ) class ListItem extends Component { - shouldComponentUpdate(nextProps) { + state = { imageFallback: false } + + shouldComponentUpdate(nextProps, nextState) { return ( nextProps.item.get('price_usd') !== this.props.item.get('price_usd') || nextProps.item.get('volume_24h_usd') !== this.props.item.get('volume_24h_usd') || nextProps.item.get('market_cap_usd') !== this.props.item.get('market_cap_usd') || nextProps.item.get('available_supply') !== this.props.item.get('available_supply') || nextProps.item.get('percent_change_1h') !== this.props.item.get('percent_change_1h') || - nextProps.item.get('percent_change_7d') !== this.props.item.get('percent_change_7d') + nextProps.item.get('percent_change_7d') !== this.props.item.get('percent_change_7d') || + nextState.imageFallback !== this.state.imageFallback ) } @@ -49,10 +53,16 @@ class ListItem extends Component { /> */} this.setState({ imageFallback: true })} /> + {/* */} ( @@ -30,7 +31,7 @@ const Tag = props => ( @connect( state => ({ locale: state.intl.get('locale'), - token: state.token.get('data'), + token: state.token.get('data') // ticker: tokenTickerSelector(state), }), dispatch => ({ @@ -45,6 +46,8 @@ const Tag = props => ( { withRef: true } ) export default class TokenCard extends Component { + state = { imageFallback: false } + componentWillUnmount() { InteractionManager.runAfterInteractions(() => { this.props.actions.clearToken() @@ -62,9 +65,14 @@ export default class TokenCard extends Component { this.setState({ imageFallback: true })} />