diff --git a/app/api/index.js b/app/api/index.js index d394fe60..7ea44624 100644 --- a/app/api/index.js +++ b/app/api/index.js @@ -15,7 +15,6 @@ export function requestTickers(ids) { .then(axios.spread((btcTicker, ltcTicker) => ({ btcTicker: btcTicker[0], ltcTicker: ltcTicker[0] }))) } - export function requestBlockHeight() { const BASE_URL = 'https://testnet-api.smartbit.com.au/v1/blockchain/blocks?limit=1' return axios({ diff --git a/app/components/Channels/Channels.js b/app/components/Channels/Channels.js index 012190e4..ab2d29f2 100644 --- a/app/components/Channels/Channels.js +++ b/app/components/Channels/Channels.js @@ -103,7 +103,7 @@ const Channels = ({ } return ( ( +
+
+
+
+

Node Alias

+

Testing

+
+
+

Node Public Key

+

{info.data.identity_pubkey}

+
+
+

Deposit Address

+
+ +
+

{address}

+
+
+
+
+

+ Network +

+
+
+
+
+) + +WalletDetails.propTypes = { + info: PropTypes.object.isRequired, + address: PropTypes.string.isRequired +} + +export default WalletDetails diff --git a/app/components/ModalRoot/WalletDetails.scss b/app/components/ModalRoot/WalletDetails.scss new file mode 100644 index 00000000..f9c8092e --- /dev/null +++ b/app/components/ModalRoot/WalletDetails.scss @@ -0,0 +1,70 @@ +@import '../../variables.scss'; + +.walletdetails { +} + +.inner { + width: 75%; + margin: 0 auto; + display: flex; + flex-direction: row; +} + +.left, .right { + padding: 50px 0; + width: 100%; + + section { + position: relative; + margin: 0 20px; + padding: 20px 0; + } +} + +.left { + border-right: 1px solid $darkgrey; + + section { + border-bottom: 1px solid $main; + + h4 { + text-transform: uppercase; + letter-spacing: 1.5px; + font-size: 10px; + margin-bottom: 15px; + } + } + + h1 { + font-family: 'Roboto'; + font-weight: 300; + font-size: 24px; + } + + .qrcode { + text-align: center; + margin: 20px 0; + } + + .copytext { + font-family: 'Roboto'; + text-align: center; + font-size: 14px; + font-weight: 200; + border-radius: 7px; + background: $lightgrey; + border: 1px solid $darkestgrey; + padding: 10px; + } +} + +.right { + section { + h2 { + text-transform: uppercase; + font-family: 'Roboto'; + font-weight: 300; + font-size: 24px; + } + } +} \ No newline at end of file diff --git a/app/components/Nav/Nav.js b/app/components/Nav/Nav.js index ac27b896..527036ef 100644 --- a/app/components/Nav/Nav.js +++ b/app/components/Nav/Nav.js @@ -3,60 +3,14 @@ import PropTypes from 'prop-types' import { NavLink } from 'react-router-dom' import ReactSVG from 'react-svg' import { MdAccountBalanceWallet } from 'react-icons/lib/md' -import { FaClockO, FaDollar } from 'react-icons/lib/fa' -import CryptoIcon from 'components/CryptoIcon' -import CurrencyIcon from 'components/CurrencyIcon' -import { btc, usd } from 'utils' +import { FaClockO } from 'react-icons/lib/fa' import styles from './Nav.scss' -const Nav = ({ ticker, balance, setCurrency, currentTicker, openPayForm, openRequestForm }) => ( +const Nav = ({ openPayForm, openRequestForm }) => (