diff --git a/web/cashtab/src/components/App.js b/web/cashtab/src/components/App.js --- a/web/cashtab/src/components/App.js +++ b/web/cashtab/src/components/App.js @@ -17,6 +17,7 @@ import ABC from '@assets/bitcoinabclogo.png'; import './App.css'; import { WalletContext } from '@utils/context'; +import WalletLabel from '@components/Common/WalletLabel.js'; import { Route, Redirect, @@ -173,6 +174,7 @@ + diff --git a/web/cashtab/src/components/Common/WalletLabel.js b/web/cashtab/src/components/Common/WalletLabel.js new file mode 100644 --- /dev/null +++ b/web/cashtab/src/components/Common/WalletLabel.js @@ -0,0 +1,22 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +const WalletName = styled.h4` + font-size: 20px; + font-weight: bold; + display: inline-block; + color: #ff8d00; + margin-bottom: 0px; +`; + +const WalletLabel = ({ name }) => { + return ( + <> + {name && typeof name === 'string' && ( + {name} + )} + + ); +}; + +export default WalletLabel; diff --git a/web/cashtab/src/components/Send/Send.js b/web/cashtab/src/components/Send/Send.js --- a/web/cashtab/src/components/Send/Send.js +++ b/web/cashtab/src/components/Send/Send.js @@ -23,6 +23,7 @@ } from '@components/Common/Ticker.js'; import { Event } from '@utils/GoogleAnalytics'; import { fiatToCrypto, shouldRejectAmountInput } from '@utils/validation'; + export const BalanceHeader = styled.div` p { color: #777;