feat: disable inputs when rate is undefined (#156)

* feat: disable inputs when rate is undefined

src/components/swaptab/index.js

@@ -101,6 +101,7 @@ class SwapTab extends React.Component {
     super(props);
 
     this.state = {
+      disabled: false,
       error: false,
       inputError: false,
       base: 'LTC',
@@ -176,6 +177,11 @@ class SwapTab extends React.Component {
   componentDidUpdate = (_, prevState) => {
     const { base, quote, baseAmount } = this.state;
 
+    // If rate if undefined disable input
+    if (this.state.rate !== prevState.rate) {
+      this.noRateAvailable();
+    }
+
     // Update the rate if the request finished or the currencies changed
     if (
       prevState.base !== this.state.base ||
@@ -266,6 +272,12 @@ class SwapTab extends React.Component {
     this.setState({ base, quote, error: false, errorMessage: '' });
   };
 
+  noRateAvailable = () => {
+    this.state.rate
+      ? this.setState({ disabled: false })
+      : this.setState({ disabled: true });
+  };
+
   updateBaseAmount = quoteAmount => {
     const { rate } = this.state.rate;
 
@@ -360,6 +372,7 @@ class SwapTab extends React.Component {
           <View className={classes.select}>
             <Text text="You send:" className={classes.text} />
             <Input
+              disable={this.state.disabled}
               className={classes.inputMobile}
               min={minAmount}
               max={maxAmount}
@@ -389,6 +402,7 @@ class SwapTab extends React.Component {
           <View className={classes.select}>
             <Text text="You receive:" className={classes.text} />
             <Input
+              disable={this.state.disabled}
               className={classes.inputMobile}
               min={1 / decimals}
               max={Number.MAX_SAFE_INTEGER}