fix(payform): cleaner logic for input caption

app/components/Form/PayForm.js

@@ -67,24 +67,18 @@ class PayForm extends Component {
             <span>{inputCaption}</span>
           </div>
           <aside className={styles.paymentIcon}>
-            {(() => {
+            {isOnchain &&
-              if (isOnchain) {
+              <i>
-                return (
+                <span>on-chain</span>
-                  <i>
+                <FaChain />
-                    <span>on-chain</span>
+              </i>
-                    <FaChain />
+            }
-                  </i>
+            {isLn &&
-                )
+              <i>
-              } else if (isLn) {
+                <span>lightning network</span>
-                return (
+                <FaBolt />
-                  <i>
+              </i>
-                    <span>lightning network</span>
+            }
-                    <FaBolt />
-                  </i>
-                )
-              }
-              return null
-            })()}
           </aside>
           <section className={styles.input}>
             <input

app/reducers/payment.js

@@ -69,7 +69,7 @@ export const payInvoice = paymentRequest => (dispatch) => {
 // TODO: Add payment to state, not a total re-fetch
 export const paymentSuccessful = () => (dispatch) => {
   // Dispatch successful payment to stop loading screen
-  dispatch(paymentSuccessfull())
+  dispatchs(paymentSuccessfull())
   // Close the form modal once the payment was succesful
   dispatch(setFormType(null))