ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tokens banner link works (#4522)

Browse Source 
* maybe fixed?

* fix

* fix link
This commit is contained in:
Kaylee George 2022-08-29 09:48:13 -07:00 committed by GitHub
parent 2466414307
commit b8b4f960dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Tokens/TokensBanner.tsx
View File

@ -44,12 +44,15 @@ const HeaderText = styled(Link)`
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: ${({ theme }) => theme.textPrimary};
`
const Description = styled.span`
const Description = styled(Link)`
font-weight: 400;
font-size: 12px;
line-height: 16px;
width: 75%;
text-decoration: none;
color: ${({ theme }) => theme.textPrimary};
`
export default function TokensBanner() {
@ -63,13 +66,15 @@ export default function TokensBanner() {
return (
<PopupContainer show={showTokensPromoBanner}>
<Header>
<HeaderText to={'/#/tokens'} onClick={closeBanner}>
<HeaderText to={'/tokens'} onClick={closeBanner}>
Explore Top Tokens
</HeaderText>
<X size={20} color={theme.textSecondary} onClick={closeBanner} style={{ cursor: 'pointer' }} />
</Header>
<Description onClick={closeBanner}>Check out the new explore tab to discover and learn more</Description>
<Description to={'/tokens'} onClick={closeBanner}>
Check out the new explore tab to discover and learn more
</Description>
</PopupContainer>
)
}