fix: Router label copy (#7060)
This commit is contained in:
eddie
GitHub
parent
bb2677ab1b
commit
264f145708
26
src/components/RouterLabel/RouterLabel.test.tsx
Normal file
26
src/components/RouterLabel/RouterLabel.test.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import React from 'react'
|
||||
|
||||
import {
|
||||
TEST_DUTCH_TRADE_ETH_INPUT,
|
||||
TEST_TRADE_EXACT_INPUT,
|
||||
TEST_TRADE_EXACT_INPUT_API,
|
||||
} from '../../test-utils/constants'
|
||||
import { render, screen } from '../../test-utils/render'
|
||||
import RouterLabel from '.'
|
||||
|
||||
describe('RouterLabel', () => {
|
||||
it('renders correct label for UniswapX trade', () => {
|
||||
render(<RouterLabel trade={TEST_DUTCH_TRADE_ETH_INPUT} />)
|
||||
expect(screen.getByText('Uniswap X')).toBeInTheDocument()
|
||||
})
|
||||
|
||||
it('renders correct label for classic trade with client routing', () => {
|
||||
render(<RouterLabel trade={TEST_TRADE_EXACT_INPUT} />)
|
||||
expect(screen.getByText('Uniswap Client')).toBeInTheDocument()
|
||||
})
|
||||
|
||||
it('renders correct label for classic trade with API routing', () => {
|
||||
render(<RouterLabel trade={TEST_TRADE_EXACT_INPUT_API} />)
|
||||
expect(screen.getByText('Uniswap API')).toBeInTheDocument()
|
||||
})
|
||||
})
|
||||
16
src/components/RouterLabel/UniswapXRouterLabel.test.tsx
Normal file
16
src/components/RouterLabel/UniswapXRouterLabel.test.tsx
Normal file
@ -0,0 +1,16 @@
|
||||
import { mocked } from 'test-utils/mocked'
|
||||
import { render, screen } from 'test-utils/render'
|
||||
import { v4 as uuid } from 'uuid'
|
||||
|
||||
import UniswapXRouterLabel from './UniswapXRouterLabel'
|
||||
|
||||
jest.mock('uuid')
|
||||
|
||||
describe('UniswapXRouterLabel', () => {
|
||||
it('matches snapshot', () => {
|
||||
mocked(uuid).mockReturnValue('test-id')
|
||||
const { asFragment } = render(<UniswapXRouterLabel>test router label</UniswapXRouterLabel>)
|
||||
expect(screen.getByText('test router label')).toBeInTheDocument()
|
||||
expect(asFragment()).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,84 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`UniswapXRouterLabel matches snapshot 1`] = `
|
||||
<DocumentFragment>
|
||||
.c0 {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
width: auto;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding: 0;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: start;
|
||||
-webkit-justify-content: flex-start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
color: #4673fa;
|
||||
}
|
||||
|
||||
@supports (-webkit-background-clip:text) and (-webkit-text-fill-color:transparent) {
|
||||
.c2 {
|
||||
background-image: linear-gradient(91.39deg,#4673fa -101.76%,#9646fa 101.76%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
<div
|
||||
class="c0 c1"
|
||||
style="display: inline-flex;"
|
||||
width="auto"
|
||||
>
|
||||
<svg
|
||||
fill="none"
|
||||
height="14"
|
||||
viewBox="0 0 10 14"
|
||||
width="10"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<defs>
|
||||
<lineargradient
|
||||
gradientUnits="userSpaceOnUse"
|
||||
id="AutoRouterIconGradienttest-id"
|
||||
x1="-10.1807"
|
||||
x2="10.6573"
|
||||
y1="-12.0006"
|
||||
y2="-11.6017"
|
||||
>
|
||||
<stop
|
||||
stop-color="#4673FA"
|
||||
/>
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#9646FA"
|
||||
/>
|
||||
</lineargradient>
|
||||
</defs>
|
||||
<path
|
||||
d="M9.97131 6.19803C9.91798 6.07737 9.79866 6.00003 9.66666 6.00003H6.66666V1.00003C6.66666 0.862034 6.58201 0.738037 6.45267 0.688704C6.32267 0.638704 6.17799 0.674696 6.08532 0.776696L0.0853237 7.44336C-0.00267631 7.54136 -0.0253169 7.68137 0.0286831 7.80204C0.0820164 7.9227 0.20133 8.00003 0.33333 8.00003H3.33333V13C3.33333 13.138 3.41799 13.262 3.54732 13.3114C3.58665 13.326 3.62666 13.3334 3.66666 13.3334C3.75933 13.3334 3.85 13.2947 3.91467 13.2227L9.91467 6.55603C10.0027 6.4587 10.0246 6.31803 9.97131 6.19803Z"
|
||||
fill="url(#AutoRouterIconGradienttest-id)"
|
||||
/>
|
||||
</svg>
|
||||
<div
|
||||
class="c2"
|
||||
>
|
||||
test router label
|
||||
</div>
|
||||
</div>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
@ -1,4 +1,4 @@
|
||||
import { InterfaceTrade } from 'state/routing/types'
|
||||
import { InterfaceTrade, QuoteMethod } from 'state/routing/types'
|
||||
import { isUniswapXTrade } from 'state/routing/utils'
|
||||
import { ThemedText } from 'theme'
|
||||
|
||||
@ -12,7 +12,7 @@ export default function RouterLabel({ trade }: { trade: InterfaceTrade }) {
|
||||
</UniswapXRouterLabel>
|
||||
)
|
||||
}
|
||||
if (trade.fromClientRouter) {
|
||||
if (trade.quoteMethod === QuoteMethod.CLIENT_SIDE || trade.quoteMethod === QuoteMethod.CLIENT_SIDE_FALLBACK) {
|
||||
return <ThemedText.BodySmall>Uniswap Client</ThemedText.BodySmall>
|
||||
}
|
||||
return <ThemedText.BodySmall>Uniswap API</ThemedText.BodySmall>
|
||||
|
||||
@ -190,7 +190,7 @@ exports[`AdvancedSwapDetails.tsx matches base snapshot 1`] = `
|
||||
<div
|
||||
class="c7 css-zhpkf8"
|
||||
>
|
||||
Uniswap API
|
||||
Uniswap Client
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -391,7 +391,7 @@ exports[`SwapDetailsDropdown.tsx renders a trade 1`] = `
|
||||
<div
|
||||
class="c9 css-zhpkf8"
|
||||
>
|
||||
Uniswap API
|
||||
Uniswap Client
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -119,7 +119,6 @@ export class ClassicTrade extends Trade<Currency, Currency, TradeType> {
|
||||
gasUseEstimateUSD?: number // gas estimate for swaps
|
||||
blockNumber: string | null | undefined
|
||||
isUniswapXBetter: boolean | undefined
|
||||
fromClientRouter: boolean | undefined
|
||||
requestId: string | undefined
|
||||
quoteMethod: QuoteMethod
|
||||
|
||||
@ -138,7 +137,6 @@ export class ClassicTrade extends Trade<Currency, Currency, TradeType> {
|
||||
isUniswapXBetter?: boolean
|
||||
requestId?: string
|
||||
quoteMethod: QuoteMethod
|
||||
fromClientRouter?: boolean
|
||||
approveInfo: ApproveInfo
|
||||
v2Routes: {
|
||||
routev2: V2Route<Currency, Currency>
|
||||
|
||||
@ -48,6 +48,21 @@ export const TEST_TRADE_EXACT_INPUT = new ClassicTrade({
|
||||
quoteMethod: QuoteMethod.CLIENT_SIDE,
|
||||
})
|
||||
|
||||
export const TEST_TRADE_EXACT_INPUT_API = new ClassicTrade({
|
||||
v3Routes: [
|
||||
{
|
||||
routev3: new V3Route([TEST_POOL_12], TEST_TOKEN_1, TEST_TOKEN_2),
|
||||
inputAmount: toCurrencyAmount(TEST_TOKEN_1, 1000),
|
||||
outputAmount: toCurrencyAmount(TEST_TOKEN_2, 1000),
|
||||
},
|
||||
],
|
||||
v2Routes: [],
|
||||
tradeType: TradeType.EXACT_INPUT,
|
||||
gasUseEstimateUSD: 1.0,
|
||||
approveInfo: { needsApprove: false },
|
||||
quoteMethod: QuoteMethod.ROUTING_API,
|
||||
})
|
||||
|
||||
export const TEST_TRADE_EXACT_OUTPUT = new ClassicTrade({
|
||||
v3Routes: [
|
||||
{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user