diff --git a/app/components/Channels/OpenPendingChannel.js b/app/components/Channels/OpenPendingChannel.js index ea46fad2..523e1a86 100644 --- a/app/components/Channels/OpenPendingChannel.js +++ b/app/components/Channels/OpenPendingChannel.js @@ -4,17 +4,20 @@ import PropTypes from 'prop-types' import { btc } from 'utils' import styles from './OpenPendingChannel.scss' -const OpenPendingChannel = ({ ticker, channel: { channel }, currentTicker, explorerLinkBase }) => ( -
  • shell.openExternal(`${explorerLinkBase}/tx/${channel.channel_point.split(':')[0]}`)}> -

    Opening Channel...

    +const OpenPendingChannel = ({ ticker, channel, currentTicker, explorerLinkBase }) => ( +
  • shell.openExternal(`${explorerLinkBase}/tx/${channel.channel.channel_point.split(':')[0]}`)}> +
    +

    Opening Channel...

    + Blocks till open: {channel.blocks_till_open} +
    Remote Pubkey -

    {channel.remote_node_pub}

    +

    {channel.channel.remote_node_pub}

    Channel Point -

    {channel.channel_point}

    +

    {channel.channel.channel_point}

    @@ -23,9 +26,9 @@ const OpenPendingChannel = ({ ticker, channel: { channel }, currentTicker, explo

    { ticker.currency === 'btc' ? - btc.satoshisToBtc(channel.capacity) + btc.satoshisToBtc(channel.channel.capacity) : - btc.satoshisToUsd(channel.capacity, currentTicker.price_usd) + btc.satoshisToUsd(channel.channel.capacity, currentTicker.price_usd) }

    @@ -34,9 +37,9 @@ const OpenPendingChannel = ({ ticker, channel: { channel }, currentTicker, explo

    { ticker.currency === 'btc' ? - btc.satoshisToBtc(channel.local_balance) + btc.satoshisToBtc(channel.channel.local_balance) : - btc.satoshisToUsd(channel.local_balance, currentTicker.price_usd) + btc.satoshisToUsd(channel.channel.local_balance, currentTicker.price_usd) }

    Local @@ -45,9 +48,9 @@ const OpenPendingChannel = ({ ticker, channel: { channel }, currentTicker, explo

    { ticker.currency === 'btc' ? - btc.satoshisToBtc(channel.remote_balance) + btc.satoshisToBtc(channel.channel.remote_balance) : - btc.satoshisToUsd(channel.remote_balance, currentTicker.price_usd) + btc.satoshisToUsd(channel.channel.remote_balance, currentTicker.price_usd) }

    Remote diff --git a/app/components/Channels/OpenPendingChannel.scss b/app/components/Channels/OpenPendingChannel.scss index a191915e..6378d213 100644 --- a/app/components/Channels/OpenPendingChannel.scss +++ b/app/components/Channels/OpenPendingChannel.scss @@ -13,14 +13,21 @@ opacity: 0.5; .pending { - color: $main; position: absolute; top: 0; left: 10px; padding: 10px; text-transform: uppercase; font-weight: bold; - font-size: 10px; + + h1 { + color: $main; + font-size: 10px; + } + + span { + font-size: 8px; + } } &:first-child { @@ -30,7 +37,7 @@ .left, .right { padding: 0 10px; margin-bottom: 5; - margin-top: 25px; + margin-top: 40px; section { margin-bottom: 20px; diff --git a/app/components/Peers/PeerModal.scss b/app/components/Peers/PeerModal.scss index fdf247e3..91ae0086 100644 --- a/app/components/Peers/PeerModal.scss +++ b/app/components/Peers/PeerModal.scss @@ -25,7 +25,7 @@ h2 { color: $darkestgrey; - font-size: 14px; + font-size: 12px; text-align: center; } } diff --git a/app/components/Wallet/ReceiveModal.js b/app/components/Wallet/ReceiveModal.js index 761f4e36..b2f24cb0 100644 --- a/app/components/Wallet/ReceiveModal.js +++ b/app/components/Wallet/ReceiveModal.js @@ -4,6 +4,7 @@ import ReactModal from 'react-modal' import copy from 'copy-to-clipboard' import QRCode from 'qrcode.react' import { showNotification } from 'notifications' +import { MdClose } from 'react-icons/lib/md' import styles from './ReceiveModal.scss' const ReceiveModal = ({ isOpen, hideActivityModal, pubkey, address, newAddress }) => { @@ -16,8 +17,10 @@ const ReceiveModal = ({ isOpen, hideActivityModal, pubkey, address, newAddress } left: '20%', right: '0', bottom: 'auto', - width: '60%', - margin: '50px auto' + width: '40%', + margin: '50px auto', + borderRadius: 'none', + padding: '0' } } @@ -36,22 +39,37 @@ const ReceiveModal = ({ isOpen, hideActivityModal, pubkey, address, newAddress } parentSelector={() => document.body} style={customStyles} > +
    + hideActivityModal()}> + + +
    +
    -
    -

    Node Public Key ( copyOnClick(pubkey)}>Copy)

    -

    {pubkey}

    -
    +
    +
    + +
    +
      +
    • Wallet address
    • +
    • Node pubkey
    • +
    +

    Deposit Address ( copyOnClick(address)}>Copy)

    newAddress('p2pkh')}>New Address
    -

    {address}

    +

    + {address} + hi +

    +
    -
    - -
    +
    +

    Node Public Key ( copyOnClick(pubkey)}>Copy)

    +

    {pubkey}

    diff --git a/app/components/Wallet/ReceiveModal.scss b/app/components/Wallet/ReceiveModal.scss index 50c32dc6..db832156 100644 --- a/app/components/Wallet/ReceiveModal.scss +++ b/app/components/Wallet/ReceiveModal.scss @@ -1,15 +1,58 @@ @import '../../variables.scss'; +.closeContainer { + background: $lightgrey; + text-align: right; + padding: 10px; + + span { + color: $darkestgrey; + font-size: 20px; + cursor: pointer; + } +} + .container { + header { + background: $lightgrey; + padding: 10px 40px 40px; + text-align: center; + + .qrcodes { + text-align: center; + margin-top: 20px; + } + + .tabs { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin-top: 20px; + + li { + margin: 0 20px; + color: $darkestgrey; + transition: all 0.25s; + + &:hover { + color: $black; + } + + &.active { + color: $black; + } + } + } + } + section { margin: 25px 0; padding: 25px; - border-bottom: 1px solid $darkestgrey; h4 { font-size: 14px; font-weight: bold; - text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; @@ -19,20 +62,13 @@ } } - .qrcode { - text-align: center; - margin-top: 20px; - } - p { font-family: 'Roboto'; text-align: center; font-size: 14px; font-weight: 200; - border-radius: 7px; background: $lightgrey; - border: 1px solid $main; - padding: 10px; + padding: 15px; } } } diff --git a/app/lnd/methods/paymentsController.js b/app/lnd/methods/paymentsController.js index f0f36fab..29ff826c 100644 --- a/app/lnd/methods/paymentsController.js +++ b/app/lnd/methods/paymentsController.js @@ -6,10 +6,13 @@ */ export function sendPaymentSync(lnd, { paymentRequest }) { return new Promise((resolve, reject) => { - lnd.sendPaymentSync({ payment_request: paymentRequest }, (err, data) => { - if (err) { reject(err) } + lnd.sendPaymentSync({ payment_request: paymentRequest }, (error, data) => { + if (error) { + reject({ error }) + return + } - if (!data.payment_route) { reject({ error: data.payment_error }) } + if (!data || !data.payment_route) { reject({ error: data.payment_error }) } resolve(data) }) diff --git a/app/main.dev.js b/app/main.dev.js index 29428f12..dfc91720 100644 --- a/app/main.dev.js +++ b/app/main.dev.js @@ -166,7 +166,7 @@ export const startLnd = () => { '--bitcoin.testnet', '--neutrino.active', '--neutrino.connect=btcd0.lightning.computer:18333', - '--neutrino.connect=127.0.0.1:18333', + '--neutrino.connect=faucet.lightning.community:18333', '--autopilot.active', '--debuglevel=debug', '--no-macaroons',