feature(suggested-peers): hook up suggested peers form

app/components/Contacts/AddChannel.js

@@ -68,6 +68,7 @@ const AddChannel = ({
       <span
         className={styles.connect}
         onClick={() => {
+          console.log('node: ', node)
           // set the node public key for the submit form
           setNode(node)
           // open the submit form

app/components/Contacts/Network.js

@@ -54,6 +54,7 @@ class Network extends Component {
       suggestedNodesProps
     } = this.props
 
+    console.log('currentChannels: ', currentChannels)
 
     const refreshClicked = () => {
       // turn the spinner on
@@ -148,7 +149,7 @@ class Network extends Component {
         }
 
         {
-          loadingChannelPubkeys.length > 0 && currentChannels.length > 0 &&
+          loadingChannelPubkeys.length > 0 || currentChannels.length > 0 &&
           <header className={styles.listHeader}>
             <section>
               <h2 onClick={toggleFilterPulldown} className={styles.filterTitle}>
@@ -275,7 +276,7 @@ class Network extends Component {
           </ul>
         </div>
         {
-          loadingChannelPubkeys.length > 0 && currentChannels.length > 0 &&
+          loadingChannelPubkeys.length > 0 || currentChannels.length > 0 &&
           <footer className={styles.search}>
             <label htmlFor='search' className={`${styles.label} ${styles.input}`}>
               <Isvg src={search} />

app/components/Contacts/SubmitChannelForm.js

@@ -38,7 +38,7 @@ class SubmitChannelForm extends React.Component {
 
     const formSubmitted = () => {
       // dont submit to LND if they havent set channel capacity amount
-      if (contactCapacity > 0) { return }
+      if (contactCapacity > 0) { console.log('hello?'); return }
 
       // submit the channel to LND
       openChannel({ pubkey: node.pub_key, host: node.addresses[0].addr, local_amt: contactCapacity })

app/components/Contacts/SuggestedNodes.js

@@ -2,7 +2,13 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styles from './SuggestedNodes.scss'
 
-const SuggestedNodes = ({ suggestedNodesLoading, suggestedNodes }) => {
+const SuggestedNodes = ({ suggestedNodesLoading, suggestedNodes, setNode, openSubmitChannelForm }) => {
+  const nodeClicked = (n) => {
+    // set the node public key for the submit form
+    setNode({ pub_key: n.pubkey, addresses: [{ addr: n.host }] })
+    // open the submit form
+    openSubmitChannelForm()
+  }
   if (suggestedNodesLoading) {
     return (
       <div className={styles.spinnerContainer}>
@@ -28,7 +34,7 @@ const SuggestedNodes = ({ suggestedNodesLoading, suggestedNodes }) => {
                   <span>{`${node.pubkey.substring(0, 30)}...`}</span>
                 </section>
                 <section>
-                  <span>Connect</span>
+                  <span onClick={() => nodeClicked(node)}>Connect</span>
                 </section>
               </li>
             )
@@ -41,7 +47,9 @@ const SuggestedNodes = ({ suggestedNodesLoading, suggestedNodes }) => {
 
 SuggestedNodes.propTypes = {
   suggestedNodesLoading: PropTypes.bool.isRequired,
-  suggestedNodes: PropTypes.array.isRequired
+  suggestedNodes: PropTypes.array.isRequired,
+  setNode: PropTypes.func.isRequired,
+  openSubmitChannelForm: PropTypes.func.isRequired
 }
 
 export default SuggestedNodes

app/components/Contacts/SuggestedNodes.scss

@@ -38,6 +38,12 @@
         span {
           font-size: 10px;
           opacity: 0.5;
+          cursor: pointer;
+          transition: all 0.25s;
+
+          &:hover {
+            opacity: 1;
+          }
         }
       }
     }

app/routes/app/containers/AppContainer.js

@@ -319,7 +319,10 @@ const mergeProps = (stateProps, dispatchProps, ownProps) => {
 
     suggestedNodesProps: {
       suggestedNodesLoading: stateProps.channels.suggestedNodesLoading,
-      suggestedNodes: stateProps.info.data.testnet ? stateProps.channels.suggestedNodes.testnet : stateProps.channels.suggestedNodes.mainnet
+      suggestedNodes: stateProps.info.data.testnet ? stateProps.channels.suggestedNodes.testnet : stateProps.channels.suggestedNodes.mainnet,
+      
+      setNode: dispatchProps.setNode,
+      openSubmitChannelForm: () => dispatchProps.setChannelFormType('SUBMIT_CHANNEL_FORM')
     }
   }