diff --git a/cashtab/src/components/App.js b/cashtab/src/components/App.js --- a/cashtab/src/components/App.js +++ b/cashtab/src/components/App.js @@ -153,6 +153,18 @@ } `; +const NavLabel = styled.div` + color: ${props => props.theme.contrast}; + :active { + outline: none; + } + ${({ active, ...props }) => + active && + ` + color: ${props.theme.navActive}; + `} +`; + const CustomApp = styled.div` text-align: center; font-family: 'Poppins', sans-serif; @@ -580,6 +592,7 @@ onClick={() => history.push('/wallet')} > + Home + Send history.push('/etokens')} > - + + eTokens history.push('receive')} > + Receive diff --git a/cashtab/src/components/Common/CustomIcons.js b/cashtab/src/components/Common/CustomIcons.js --- a/cashtab/src/components/Common/CustomIcons.js +++ b/cashtab/src/components/Common/CustomIcons.js @@ -200,10 +200,10 @@ ); -export const ReceiveIcon = () => ; +export const ReceiveIcon = () => ; export const GenesisIcon = () => ; export const UnparsedIcon = () => ; -export const HomeIcon = () => ; +export const HomeIcon = () => ; export const SettingsIcon = () => ; export const PendingAliasWarningIcon = () => ( @@ -213,7 +213,7 @@ export const AirdropIcon = () => ; export const SwapIcon = () => ; export const EtokensIcon = () => ( - + ); export const SendIcon = styled(Send)` transform: rotate(-35deg);