fix(sync): ensure grpc active before leaving sync

Do not progress from the sync screen to the app screen until we have
determined that the main gRPC connection has been established.

app/components/Syncing/Syncing.js

@@ -20,7 +20,8 @@ class Syncing extends Component {
     syncPercentage: PropTypes.number,
     blockHeight: PropTypes.number,
     lndBlockHeight: PropTypes.number,
-    lndCfilterHeight: PropTypes.number
+    lndCfilterHeight: PropTypes.number,
+    lightningGrpcActive: PropTypes.bool
   }
 
   state = {
@@ -58,12 +59,13 @@ class Syncing extends Component {
       blockHeight,
       lndBlockHeight,
       lndCfilterHeight,
+      lightningGrpcActive,
       intl,
       theme
     } = this.props
     let { syncMessageDetail, syncMessageExtraDetail } = this.state
 
-    if (syncStatus === 'complete') {
+    if (lightningGrpcActive && syncStatus === 'complete') {
       return <Redirect to="/app" />
     }
 

app/containers/Syncing.js

@@ -15,6 +15,7 @@ const mapStateToProps = state => ({
   blockHeight: state.lnd.blockHeight,
   lndBlockHeight: state.lnd.lndBlockHeight,
   lndCfilterHeight: state.lnd.lndCfilterHeight,
+  lightningGrpcActive: state.lnd.lightningGrpcActive,
   isLoading: infoSelectors.infoLoading(state) || onboardingSelectors.startingLnd(state)
 })