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);