Skip to content

I
interface
Commit a7f59912 authored by Jordan Frankfurt's avatar Jordan Frankfurt Committed by GitHub
Browse files
Options

add link (#2113)

parent 676890d8
Show whitespace changes
Inline Side-by-side
Showing with 22 additions and 3 deletions
src/components/NetworkAlert/AddLiquidityNetworkAlert.tsx
View file @ a7f59912
......@@ -11,6 +11,7 @@ import { ArrowDownCircle } from 'react-feather'
import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks'
import styled from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img`
display: none;
......@@ -117,7 +118,10 @@ export function AddLiquidityNetworkAlert() {
<L2Icon src={info.logoUrl} />
<Body>
<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>
<LinkOutToBridge href={depositUrl}>
<Trans>Deposit to {info.label}</Trans>
......
src/components/NetworkAlert/MinimalNetworkAlert.tsx
View file @ a7f59912
......@@ -11,6 +11,7 @@ import { ArrowDownCircle } from 'react-feather'
import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks'
import styled from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img`
display: none;
......@@ -117,7 +118,10 @@ export function MinimalNetworkAlert() {
<L2Icon src={info.logoUrl} />
<Body>
<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>
<LinkOutToBridge href={depositUrl}>
<Trans>Deposit to {info.label}</Trans>
......
src/components/NetworkAlert/NetworkAlert.tsx
View file @ a7f59912
......@@ -8,6 +8,7 @@ import { useETHBalances } from 'state/wallet/hooks'
import styled, { css } from 'styled-components/macro'
import { ExternalLink, MEDIA_WIDTHS } from 'theme'
import { CHAIN_INFO } from '../../constants/chains'
import { ReadMoreLink } from './styles'
const L2Icon = styled.img`
width: 40px;
......@@ -152,7 +153,10 @@ export function NetworkAlert() {
<Trans>
This is an alpha release of Uniswap on the {info.label} network. You must bridge L1 assets to the network to
swap them.
</Trans>
</Trans>{' '}
<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">
<Trans>Read more</Trans>
</ReadMoreLink>
</Body>
</ContentWrapper>
<LinkOutToBridge href={depositUrl}>
......
src/components/NetworkAlert/styles.ts 0 → 100644
View file @ a7f59912
import styled from 'styled-components/macro'
import { ExternalLink } from 'theme'
export const ReadMoreLink = styled(ExternalLink)`
color: white;
text-decoration: underline;
`
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment