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