git pisses me off sometimes

app/components/Form/PayForm.js

@@ -108,7 +108,7 @@ class PayForm extends Component {
           </section>
         </div>
         <section className={styles.buttonGroup}>
-          <div className={`${styles.button} ${isValid && styles.active}`} onClick={onPaySubmit}>Pay</div>
+          <div className={`buttonPrimary ${styles.button} ${isValid && styles.active}`} onClick={onPaySubmit}>Pay</div>
         </section>
       </div>
     )

app/components/Form/PayForm.scss

@@ -156,21 +156,12 @@
   overflow: hidden;
 
   .button {
-    height: 55px;
-    min-height: 55px;
-    text-transform: none;
-    font-size: 18px;
-    transition: opacity .2s ease-out;
-    background: $main;
-    color: $white;
-    border: none;
-    font-weight: 500;
-    padding: 0;
     width: 100%;
-    text-align: center;
+    margin-bottom: 20px;
-    line-height: 55px;
+    font-weight: bold;
-    opacity: 0.5;
+    cursor: pointer;
-    cursor: default;
+    text-transform: uppercase;
+    letter-spacing: .2px;
 
     &:first-child {
       border-right: 1px solid lighten($main, 20%);

app/components/Form/RequestForm.js

@@ -38,7 +38,7 @@ const RequestForm = ({
       />
     </section>
     <section className={styles.buttonGroup}>
-      <div className={styles.button} onClick={onRequestSubmit}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={onRequestSubmit}>
           Request
       </div>
     </section>

app/components/Form/RequestForm.scss

@@ -89,20 +89,12 @@
   overflow: hidden;
 
   .button {
-    cursor: pointer;
-    height: 55px;
-    min-height: 55px;
-    text-transform: none;
-    font-size: 18px;
-    transition: opacity .2s ease-out;
-    background: $main;
-    color: $white;
-    border: none;
-    font-weight: 500;
-    padding: 0;
     width: 100%;
-    text-align: center;
+    margin-bottom: 20px;
-    line-height: 55px;
+    font-weight: bold;
+    cursor: pointer;
+    text-transform: uppercase;
+    letter-spacing: .2px;
 
     &:first-child {
       border-right: 1px solid lighten($main, 20%);

app/components/Nav/Nav.js

@@ -38,13 +38,6 @@ const Nav = ({ openPayForm, openRequestForm }) => (
           <span>Channels</span>
         </li>
       </NavLink>
-      <NavLink exact to='/settings' activeClassName={styles.active} className={styles.link}>
-        <span className={styles.activeBorder} />
-        <li>
-          <Isvg styles={{ verticalAlign: 'middle' }} src={settingsIcon} />
-          <span>Settings</span>
-        </li>
-      </NavLink>
     </ul>
     <div className={styles.buttons}>
       <div className={`buttonPrimary ${styles.button}`} onClick={openPayForm}>

app/containers/Root.js

@@ -1,15 +1,46 @@
 // @flow
 import React from 'react'
-import { Provider } from 'react-redux'
+import { Provider, connect } from 'react-redux'
 import { ConnectedRouter } from 'react-router-redux'
+import { fetchBlockHeight, lndSelectors } from 'reducers/lnd'
+import LndSyncing from 'components/LndSyncing'
 import Routes from '../routes'
 
+const mapDispatchToProps = {
+  fetchBlockHeight
+}
+
+const mapStateToProps = state => ({
+  lnd: state.lnd,
+
+  syncPercentage: lndSelectors.syncPercentage(state)
+})
+
 type RootType = {
   store: {},
   history: {}
 };
 
-export default function Root({ store, history }: RootType) {
+class Root extends React.Component {
+  render() {
+    const {
+      store,
+      history,
+      lnd,
+      fetchBlockHeight,
+      syncPercentage
+    } = this.props
+    
+    if (lnd.syncing) {
+      return (
+        <LndSyncing
+          fetchBlockHeight={fetchBlockHeight}
+          fetchingBlockHeight={lnd.fetchingBlockHeight}
+          syncPercentage={syncPercentage}
+        />
+      )
+    }
+
     return (
       <Provider store={store}>
         <ConnectedRouter history={history}>
@@ -17,4 +48,8 @@ export default function Root({ store, history }: RootType) {
         </ConnectedRouter>
       </Provider>
     )
+  }
 } 
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(Root)

app/reducers/address.js

@@ -24,11 +24,15 @@ export function getAddress() {
 // Send IPC event for getinfo
 export const newAddress = type => async (dispatch) => {
   dispatch(getAddress())
+  console.log('getting new address type: ', addressTypes[type])
   ipcRenderer.send('lnd', { msg: 'newaddress', data: { type: addressTypes[type] } })
 }
 
 // Receive IPC event for info
-export const receiveAddress = (event, address) => dispatch => dispatch({ type: RECEIVE_ADDRESS, address })
+export const receiveAddress = (event, address) => dispatch => {
+  console.log('address: ', address)
+  dispatch({ type: RECEIVE_ADDRESS, address })
+}
 
 // ------------------------------------
 // Action Handlers

app/routes.js

@@ -14,4 +14,4 @@ export default () => (
       <Route path='/' component={Activity} />
     </Switch>
   </App>
-);
+)

app/routes/app/components/App.js

@@ -13,13 +13,11 @@ class App extends Component {
   componentWillMount() {
     const { fetchTicker, fetchBalance, fetchInfo, newAddress, lnd: { syncing } } = this.props
 
-    if (!syncing) {
     fetchTicker()
     fetchBalance()
     fetchInfo()
     newAddress('p2pkh')
   }
-  }
 
   render() {
     const {
@@ -47,16 +45,6 @@ class App extends Component {
       children
     } = this.props
 
-    if (lnd.syncing) {
-      return (
-        <LndSyncing
-          fetchBlockHeight={fetchBlockHeight}
-          fetchingBlockHeight={lnd.fetchingBlockHeight}
-          syncPercentage={syncPercentage}
-        />
-      )
-    }
-
     if (!currentTicker || balance.balanceLoading) { return <LoadingBolt /> }
 
     return (