import { connect } from 'react-redux'
import { withTheme } from 'styled-components'
import { infoSelectors } from 'reducers/info'
import { lndSelectors } from 'reducers/lnd'
import { onboardingSelectors } from 'reducers/onboarding'

import Syncing from 'components/Syncing'
import withLoading from 'components/withLoading'

const mapStateToProps = state => ({
  address: state.address.address,
  hasSynced: infoSelectors.hasSynced(state),
  syncStatus: state.lnd.syncStatus,
  syncPercentage: lndSelectors.syncPercentage(state),
  blockHeight: state.lnd.blockHeight,
  lndBlockHeight: state.lnd.lndBlockHeight,
  lndCfilterHeight: state.lnd.lndCfilterHeight,
  lightningGrpcActive: state.lnd.lightningGrpcActive,
  isLoading: infoSelectors.infoLoading(state) || onboardingSelectors.startingLnd(state)
})

export default connect(mapStateToProps)(withLoading(withTheme(Syncing)))