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
@@ -13,6 +13,7 @@
ThemedUserProfileIcon,
SwapIcon,
EtokensIcon,
+ TwitterIcon,
} from 'components/Common/CustomIcons';
import '../index.css';
import styled, { ThemeProvider, createGlobalStyle } from 'styled-components';
@@ -296,6 +297,44 @@
`}
`;
+const NavLink = styled.a`
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ width: 100%;
+ white-space: nowrap;
+ height: 3rem;
+ background-color: ${props => props.theme.walletBackground};
+ border: none;
+ color: ${props => props.theme.contrast};
+ gap: 6px;
+ cursor: pointer;
+ &:hover {
+ color: ${props => props.theme.eCashPurple};
+ svg {
+ fill: ${props => props.theme.eCashPurple};
+ }
+ }
+ svg {
+ fill: ${props => props.theme.contrast};
+ max-width: 26px;
+ height: auto;
+ flex: 1;
+ }
+ p {
+ flex: 2;
+ margin: 0;
+ }
+ ${({ active, ...props }) =>
+ active &&
+ `
+ color: ${props.theme.navActive};
+ svg {
+ fill: ${props.theme.navActive};
+ }
+ `}
+`;
+
export const NavButton = styled.button`
:focus,
:active {
@@ -678,6 +717,14 @@
)}
+
+ Twitter
+
+
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
@@ -14,6 +14,7 @@
WarningOutlined,
SwapOutlined,
AppstoreAddOutlined,
+ TwitterOutlined,
} from '@ant-design/icons';
import { Image } from 'antd';
import { ReactComponent as Send } from 'assets/send.svg';
@@ -215,6 +216,9 @@
export const EtokensIcon = () => (
);
+export const TwitterIcon = () => (
+
+);
export const SendIcon = styled(Send)`
transform: rotate(-35deg);
`;