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

add link (#2113)

Browse Source
This commit is contained in:
Jordan Frankfurt 2021-07-29 14:16:47 -04:00 committed by GitHub
parent 676890d89c
commit a7f599127b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/NetworkAlert/AddLiquidityNetworkAlert.tsx
View File

@ -11,6 +11,7 @@ import { ArrowDownCircle } from 'react-feather'
import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks' import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks'
import styled from 'styled-components/macro' import styled from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme' import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img` const L2Icon = styled.img`
display: none; display: none;
@ -117,7 +118,10 @@ export function AddLiquidityNetworkAlert() {
<L2Icon src={info.logoUrl} /> <L2Icon src={info.logoUrl} />
<Body> <Body>
<Trans>This is an alpha release of Uniswap on the {info.label} network.</Trans> <Trans>This is an alpha release of Uniswap on the {info.label} network.</Trans>
<DesktopTextBreak /> <Trans>You must bridge L1 assets to the network to use them.</Trans> <DesktopTextBreak /> <Trans>You must bridge L1 assets to the network to use them.</Trans>{' '}
<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">
<Trans>Read more</Trans>
</ReadMoreLink>
</Body> </Body>
<LinkOutToBridge href={depositUrl}> <LinkOutToBridge href={depositUrl}>
<Trans>Deposit to {info.label}</Trans> <Trans>Deposit to {info.label}</Trans>

6
src/components/NetworkAlert/MinimalNetworkAlert.tsx
View File

@ -11,6 +11,7 @@ import { ArrowDownCircle } from 'react-feather'
import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks' import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks'
import styled from 'styled-components/macro' import styled from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme' import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img` const L2Icon = styled.img`
display: none; display: none;
@ -117,7 +118,10 @@ export function MinimalNetworkAlert() {
<L2Icon src={info.logoUrl} /> <L2Icon src={info.logoUrl} />
<Body> <Body>
<Trans>This is an alpha release of Uniswap on the {info.label} network.</Trans> <Trans>This is an alpha release of Uniswap on the {info.label} network.</Trans>
<DesktopTextBreak /> <Trans>You must bridge L1 assets to the network to use them.</Trans> <DesktopTextBreak /> <Trans>You must bridge L1 assets to the network to use them.</Trans>{' '}
<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">
<Trans>Read more</Trans>
</ReadMoreLink>
</Body> </Body>
<LinkOutToBridge href={depositUrl}> <LinkOutToBridge href={depositUrl}>
<Trans>Deposit to {info.label}</Trans> <Trans>Deposit to {info.label}</Trans>

6
src/components/NetworkAlert/NetworkAlert.tsx
View File

@ -8,6 +8,7 @@ import { useETHBalances } from 'state/wallet/hooks'
import styled, { css } from 'styled-components/macro' import styled, { css } from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme' import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { CHAIN_INFO } from '../../constants/chains' import { CHAIN_INFO } from '../../constants/chains'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img` const L2Icon = styled.img`
width: 40px; width: 40px;
@ -152,7 +153,10 @@ export function NetworkAlert() {
<Trans> <Trans>
This is an alpha release of Uniswap on the {info.label} network. You must bridge L1 assets to the network to This is an alpha release of Uniswap on the {info.label} network. You must bridge L1 assets to the network to
swap them. swap them.
</Trans> </Trans>{' '}
<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">
<Trans>Read more</Trans>
</ReadMoreLink>
</Body> </Body>
</ContentWrapper> </ContentWrapper>
<LinkOutToBridge href={depositUrl}> <LinkOutToBridge href={depositUrl}>

7
src/components/NetworkAlert/styles.ts Normal file
View File

@ -0,0 +1,7 @@
import styled from 'styled-components/macro'
import { ExternalLink } from 'theme'
export const ReadMoreLink = styled(ExternalLink)`
color: white;
text-decoration: underline;
`