Merge pull request #4702 from BitGuildPlatform/contextTypes

convert contextType to static prop for refactored components

ui/app/components/send_/account-list-item/account-list-item.component.js

@@ -17,6 +17,10 @@ export default class AccountListItem extends Component {
     icon: PropTypes.node,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const {
       account,
@@ -67,8 +71,3 @@ export default class AccountListItem extends Component {
     </div>)
   }
 }
-
-AccountListItem.contextTypes = {
-  t: PropTypes.func,
-}
-

ui/app/components/send_/send-content/send-amount-row/amount-max-button/amount-max-button.component.js

@@ -13,6 +13,10 @@ export default class AmountMaxButton extends Component {
     tokenBalance: PropTypes.string,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   setMaxAmount () {
     const {
       balance,
@@ -48,7 +52,3 @@ export default class AmountMaxButton extends Component {
   }
 
 }
-
-AmountMaxButton.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-amount-row/send-amount-row.component.js

@@ -25,7 +25,11 @@ export default class SendAmountRow extends Component {
     updateSendAmount: PropTypes.func,
     updateSendAmountError: PropTypes.func,
     updateGas: PropTypes.func,
-  }
+  };
+
+  static contextTypes = {
+    t: PropTypes.func,
+  };
 
   validateAmount (amount) {
     const {
@@ -117,8 +121,3 @@ export default class SendAmountRow extends Component {
   }
 
 }
-
-SendAmountRow.contextTypes = {
-  t: PropTypes.func,
-}
-

ui/app/components/send_/send-content/send-dropdown-list/send-dropdown-list.component.js

@@ -11,6 +11,10 @@ export default class SendDropdownList extends Component {
     activeAddress: PropTypes.string,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   getListItemIcon (accountAddress, activeAddress) {
     return accountAddress === activeAddress
       ? <i className={`fa fa-check fa-lg`} style={ { color: '#02c9b1' } }/>
@@ -46,7 +50,3 @@ export default class SendDropdownList extends Component {
   }
 
 }
-
-SendDropdownList.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js

@@ -14,6 +14,10 @@ export default class FromDropdown extends Component {
     selectedAccount: PropTypes.object,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const {
       accounts,
@@ -40,7 +44,3 @@ export default class FromDropdown extends Component {
   }
 
 }
-
-FromDropdown.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-from-row/send-from-row.component.js

@@ -17,6 +17,10 @@ export default class SendFromRow extends Component {
     setSendTokenBalance: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   async handleFromChange (newFrom) {
     const {
       updateSendFrom,
@@ -57,7 +61,3 @@ export default class SendFromRow extends Component {
   }
 
 }
-
-SendFromRow.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js

@@ -14,6 +14,10 @@ export default class GasFeeDisplay extends Component {
     onClick: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const {
       conversionRate,
@@ -55,7 +59,3 @@ export default class GasFeeDisplay extends Component {
     )
   }
 }
-
-GasFeeDisplay.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-gas-row/send-gas-row.component.js

@@ -14,6 +14,10 @@ export default class SendGasRow extends Component {
     showCustomizeGasModal: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const {
       conversionRate,
@@ -42,7 +46,3 @@ export default class SendGasRow extends Component {
   }
 
 }
-
-SendGasRow.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-row-wrapper/send-row-error-message/send-row-error-message.component.js

@@ -8,6 +8,10 @@ export default class SendRowErrorMessage extends Component {
     errorType: PropTypes.string,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const { errors, errorType } = this.props
 
@@ -21,7 +25,3 @@ export default class SendRowErrorMessage extends Component {
   }
 
 }
-
-SendRowErrorMessage.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js

@@ -11,6 +11,10 @@ export default class SendRowWrapper extends Component {
     showError: PropTypes.bool,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   render () {
     const {
       children,
@@ -37,7 +41,3 @@ export default class SendRowWrapper extends Component {
   }
 
 }
-
-SendRowWrapper.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-content/send-to-row/send-to-row.component.js

@@ -19,6 +19,10 @@ export default class SendToRow extends Component {
     updateSendToError: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   handleToChange (to, nickname = '', toError) {
     const { updateSendTo, updateSendToError, updateGas } = this.props
     const toErrorObject = getToErrorObject(to, toError)
@@ -63,8 +67,3 @@ export default class SendToRow extends Component {
   }
 
 }
-
-SendToRow.contextTypes = {
-  t: PropTypes.func,
-}
-

ui/app/components/send_/send-footer/send-footer.component.js

@@ -27,6 +27,10 @@ export default class SendFooter extends Component {
     update: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   onCancel () {
     this.props.clearSend()
     this.props.history.push(DEFAULT_ROUTE)
@@ -95,7 +99,3 @@ export default class SendFooter extends Component {
   }
 
 }
-
-SendFooter.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send-header/send-header.component.js

@@ -12,6 +12,10 @@ export default class SendHeader extends Component {
     subtitleParams: PropTypes.array,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   onClose () {
     this.props.clearSend()
     this.props.history.push(DEFAULT_ROUTE)
@@ -28,7 +32,3 @@ export default class SendHeader extends Component {
   }
 
 }
-
-SendHeader.contextTypes = {
-  t: PropTypes.func,
-}

ui/app/components/send_/send.component.js

@@ -40,6 +40,10 @@ export default class SendTransactionScreen extends PersistentForm {
     updateSendTokenBalance: PropTypes.func,
   };
 
+  static contextTypes = {
+    t: PropTypes.func,
+  };
+
   updateGas ({ to: updatedToAddress, amount: value } = {}) {
     const {
       amount,
@@ -173,7 +177,3 @@ export default class SendTransactionScreen extends PersistentForm {
   }
 
 }
-
-SendTransactionScreen.contextTypes = {
-  t: PropTypes.func,
-}