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
Hide 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' ...@@ -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() { ...@@ -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>
......
src/components/NetworkAlert/MinimalNetworkAlert.tsx
View file @ a7f59912
...@@ -11,6 +11,7 @@ import { ArrowDownCircle } from 'react-feather' ...@@ -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() { ...@@ -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>
......
src/components/NetworkAlert/NetworkAlert.tsx
View file @ a7f59912
...@@ -8,6 +8,7 @@ import { useETHBalances } from 'state/wallet/hooks' ...@@ -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() { ...@@ -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}>
......
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