watchlist: refresh name state on new blocks

app/ducks/names.js

@@ -32,11 +32,11 @@ export const DROPDOWN_TYPES = [
   {label: RECORD_TYPE.TXT},
 ];
 
-export const fetchName = name => async (dispatch, getState) => {
+export const fetchName = (name, force) => async (dispatch, getState) => {
   const {names} = getState();
   const existing = names[name];
 
-  if (existing && existing.info) {
+  if (!force && existing && existing.info) {
     return;
   }
 

app/pages/YourBids/BidStatus.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withRouter } from 'react-router';
 import { connect } from 'react-redux';
+import throttle from 'lodash.throttle';
 import {
   isReveal,
   isClosed,
@@ -18,18 +19,29 @@ class BidStatus extends Component {
   static propTypes = {
     name: PropTypes.string.isRequired,
     domain: PropTypes.object,
+    height: PropTypes.number.isRequired,
     address: PropTypes.string.isRequired,
     fetchName: PropTypes.func.isRequired,
   };
 
   static contextType = I18nContext;
 
   componentDidMount() {
-    if (!this.props.domain) {
-      this.props.fetchName();
+    this.fetchName();
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    if (this.props.height !== prevProps.height) {
+      this.fetchName();
     }
   }
 
+  fetchName = throttle(() => {
+    if (this.props.name) {
+      this.props.fetchName();
+    }
+  }, 10*1000, {leading: true, trailing: true}); // 10 seconds
+
   isSold = () => isClosed(this.props.domain);
   isReveal = () => isReveal(this.props.domain);
   isOwned = () => {
@@ -148,11 +160,12 @@ export default withRouter(
       const name = state.names[ownProps.name];
       return {
         domain: name,
+        height: state.node.chain.height,
         address: state.wallet.receiveAddress,
       };
     },
     (dispatch, ownProps) => ({
-      fetchName: () => dispatch(namesActions.fetchName(ownProps.name)),
+      fetchName: () => dispatch(namesActions.fetchName(ownProps.name, true)),
     }),
   )(BidStatus)
 );