ui/js/page/wallet/index.js

@@ -7,6 +7,7 @@ import {
 } from 'actions/app'
 import {
   doGetNewAddress,
+  doCheckAddressIsMine,
 } from 'actions/wallet'
 import {
   selectCurrentPage,
@@ -34,6 +35,7 @@ const select = (state) => ({
 const perform = (dispatch) => ({
   closeModal: () => dispatch(doCloseModal()),
   getNewAddress: () => dispatch(doGetNewAddress()),
+  checkAddressIsMine: (address) => dispatch(doCheckAddressIsMine(address))
 })
 
 export default connect(select, perform)(WalletPage)

ui/js/page/wallet/view.jsx

@@ -12,12 +12,17 @@ import {
   CreditAmount
 } from 'component/common';
 
-const AddressSection = (props) => {
+class AddressSection extends React.Component {
+  componentWillMount() {
+    this.props.checkAddressIsMine(this.props.receiveAddress)
+  }
+
+  render() {
     const {
       receiveAddress,
       getNewAddress,
       gettingNewAddress,
-  } = props
+    } = this.props
 
     return (
       <section className="card">
@@ -39,6 +44,7 @@ const AddressSection = (props) => {
       </section>
     );
   }
+}
 
 var SendToAddressSection = React.createClass({
   handleSubmit: function(event) {

ui/js/reducers/wallet.js

@@ -45,6 +45,18 @@ reducers[types.UPDATE_BALANCE] = function(state, action) {
   })
 }
 
+reducers[types.CHECK_ADDRESS_IS_MINE_STARTED] = function(state, action) {
+  return Object.assign({}, state, {
+    checkingAddressOwnership: true
+  })
+}
+
+reducers[types.CHECK_ADDRESS_IS_MINE_COMPLETED] = function(state, action) {
+  return Object.assign({}, state, {
+    checkingAddressOwnership: false
+  })
+}
+
 export default function reducer(state = defaultState, action) {
   const handler = reducers[action.type];
   if (handler) return handler(state, action);