Skip to content

I
interface
Commit 366f4d98 authored by eddie's avatar eddie Committed by GitHub
Browse files
Options

fix: remove unused feature flags (#7234) 

* fix: remove unused feature flags

* fix: remove flag from tests

* fix: tests

* fix: remove useUniswapX param
parent 4eda18a4
Hide whitespace changes
Inline Side-by-side
Showing with 719 additions and 642 deletions
cypress/e2e/buy-crypto-modal.test.ts
View file @ 366f4d98
import { FeatureFlag } from '../../src/featureFlags'
import { getTestSelector } from '../utils' import { getTestSelector } from '../utils'
describe('Buy Crypto Modal', () => { describe('Buy Crypto Modal', () => {
it('should open and close', () => { it('should open and close', () => {
cy.visit('/', { featureFlags: [FeatureFlag.fiatOnRampButtonOnSwap] }) cy.visit('/')
// Open the fiat onramp modal // Open the fiat onramp modal
cy.get(getTestSelector('buy-fiat-button')).click() cy.get(getTestSelector('buy-fiat-button')).click()
...@@ -16,7 +15,7 @@ describe('Buy Crypto Modal', () => { ...@@ -16,7 +15,7 @@ describe('Buy Crypto Modal', () => {
it('should open and close, mobile viewport', () => { it('should open and close, mobile viewport', () => {
cy.viewport('iphone-6') cy.viewport('iphone-6')
cy.visit('/', { featureFlags: [FeatureFlag.fiatOnRampButtonOnSwap] }) cy.visit('/')
// Open the fiat onramp modal // Open the fiat onramp modal
cy.get(getTestSelector('buy-fiat-button')).click() cy.get(getTestSelector('buy-fiat-button')).click()
......
cypress/e2e/swap/settings.test.ts
View file @ 366f4d98
...@@ -24,6 +24,6 @@ describe('Swap settings', () => { ...@@ -24,6 +24,6 @@ describe('Swap settings', () => {
cy.contains('Transaction deadline').should('exist') cy.contains('Transaction deadline').should('exist')
cy.contains('UniswapX').should('exist') cy.contains('UniswapX').should('exist')
cy.contains('Local routing').should('exist') cy.contains('Local routing').should('exist')
cy.get(getTestSelector('mobile-settings-scrim')).click() cy.get(getTestSelector('mobile-settings-scrim')).click({ force: true })
}) })
}) })
src/components/FeatureFlagModal/FeatureFlagModal.tsx
View file @ 366f4d98
import Column from 'components/Column' import Column from 'components/Column'
import { BaseVariant, FeatureFlag, featureFlagSettings, useUpdateFlag } from 'featureFlags' import { BaseVariant, FeatureFlag, featureFlagSettings, useUpdateFlag } from 'featureFlags'
import { useCurrencyConversionFlag } from 'featureFlags/flags/currencyConversion' import { useCurrencyConversionFlag } from 'featureFlags/flags/currencyConversion'
import { useForceUniswapXOnFlag } from 'featureFlags/flags/forceUniswapXOn'
import { useFotAdjustmentsFlag } from 'featureFlags/flags/fotAdjustments' import { useFotAdjustmentsFlag } from 'featureFlags/flags/fotAdjustments'
import { useInfoExploreFlag } from 'featureFlags/flags/infoExplore' import { useInfoExploreFlag } from 'featureFlags/flags/infoExplore'
import { useInfoLiveViewsFlag } from 'featureFlags/flags/infoLiveViews' import { useInfoLiveViewsFlag } from 'featureFlags/flags/infoLiveViews'
...@@ -236,12 +235,6 @@ export default function FeatureFlagModal() { ...@@ -236,12 +235,6 @@ export default function FeatureFlagModal() {
featureFlag={FeatureFlag.uniswapXEnabled} featureFlag={FeatureFlag.uniswapXEnabled}
label="Enable UniswapX on interface" label="Enable UniswapX on interface"
/> />
<FeatureFlagOption
variant={BaseVariant}
value={useForceUniswapXOnFlag()}
featureFlag={FeatureFlag.forceUniswapXOn}
label="Force routing api to enable UniswapX"
/>
<FeatureFlagOption <FeatureFlagOption
variant={BaseVariant} variant={BaseVariant}
value={useUniswapXSyntheticQuoteFlag()} value={useUniswapXSyntheticQuoteFlag()}
......
src/components/swap/SwapHeader.tsx
View file @ 366f4d98
import { Trans } from '@lingui/macro' import { Trans } from '@lingui/macro'
import { Percent } from '@uniswap/sdk-core' import { Percent } from '@uniswap/sdk-core'
import { useFiatOnRampButtonEnabled } from 'featureFlags/flags/fiatOnRampButton'
import { InterfaceTrade } from 'state/routing/types' import { InterfaceTrade } from 'state/routing/types'
import styled from 'styled-components' import styled from 'styled-components'
import { ThemedText } from 'theme' import { ThemedText } from 'theme'
...@@ -28,15 +27,13 @@ export default function SwapHeader({ ...@@ -28,15 +27,13 @@ export default function SwapHeader({
chainId?: number chainId?: number
trade?: InterfaceTrade trade?: InterfaceTrade
}) { }) {
const fiatOnRampButtonEnabled = useFiatOnRampButtonEnabled()
return ( return (
<StyledSwapHeader> <StyledSwapHeader>
<HeaderButtonContainer> <HeaderButtonContainer>
<ThemedText.SubHeader> <ThemedText.SubHeader>
<Trans>Swap</Trans> <Trans>Swap</Trans>
</ThemedText.SubHeader> </ThemedText.SubHeader>
{fiatOnRampButtonEnabled && <SwapBuyFiatButton />} <SwapBuyFiatButton />
</HeaderButtonContainer> </HeaderButtonContainer>
<RowFixed> <RowFixed>
<SettingsTab autoSlippage={autoSlippage} chainId={chainId} trade={trade} /> <SettingsTab autoSlippage={autoSlippage} chainId={chainId} trade={trade} />
......
src/featureFlags/flags/fiatOnRampButton.ts deleted 100644 → 0
View file @ 4eda18a4
import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
function useFiatOnRampButtonFlag(): BaseVariant {
return useBaseFlag(FeatureFlag.fiatOnRampButtonOnSwap)
}
export function useFiatOnRampButtonEnabled(): boolean {
return useFiatOnRampButtonFlag() === BaseVariant.Enabled
}
src/featureFlags/flags/forceUniswapXOn.ts deleted 100644 → 0
View file @ 4eda18a4
import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
export function useForceUniswapXOnFlag(): BaseVariant {
return useBaseFlag(FeatureFlag.forceUniswapXOn)
}
export function useForceUniswapXOn(): boolean {
return useForceUniswapXOnFlag() === BaseVariant.Enabled
}
src/featureFlags/index.tsx
View file @ 366f4d98
...@@ -7,12 +7,9 @@ import { useGate } from 'statsig-react' ...@@ -7,12 +7,9 @@ import { useGate } from 'statsig-react'
*/ */
export enum FeatureFlag { export enum FeatureFlag {
traceJsonRpc = 'traceJsonRpc', traceJsonRpc = 'traceJsonRpc',
permit2 = 'permit2',
fiatOnRampButtonOnSwap = 'fiat_on_ramp_button_on_swap_page',
debounceSwapQuote = 'debounce_swap_quote', debounceSwapQuote = 'debounce_swap_quote',
uniswapXEnabled = 'uniswapx_enabled', // enables sending dutch_limit config to routing-api uniswapXEnabled = 'uniswapx_enabled', // enables sending dutch_limit config to routing-api
uniswapXSyntheticQuote = 'uniswapx_synthetic_quote', uniswapXSyntheticQuote = 'uniswapx_synthetic_quote',
forceUniswapXOn = 'uniswapx_force_on', // forces routing-api's feature flag for uniswapx to turn on as well
uniswapXEthOutputEnabled = 'uniswapx_eth_output_enabled', uniswapXEthOutputEnabled = 'uniswapx_eth_output_enabled',
uniswapXExactOutputEnabled = 'uniswapx_exact_output_enabled', uniswapXExactOutputEnabled = 'uniswapx_exact_output_enabled',
multichainUX = 'multichain_ux', multichainUX = 'multichain_ux',
......
src/lib/hooks/routing/useRoutingAPIArguments.ts
View file @ 366f4d98
import { SkipToken, skipToken } from '@reduxjs/toolkit/query/react' import { SkipToken, skipToken } from '@reduxjs/toolkit/query/react'
import { Currency, CurrencyAmount, TradeType } from '@uniswap/sdk-core' import { Currency, CurrencyAmount, TradeType } from '@uniswap/sdk-core'
import { useForceUniswapXOn } from 'featureFlags/flags/forceUniswapXOn'
import { useFotAdjustmentsEnabled } from 'featureFlags/flags/fotAdjustments' import { useFotAdjustmentsEnabled } from 'featureFlags/flags/fotAdjustments'
import { useUniswapXEnabled } from 'featureFlags/flags/uniswapx' import { useUniswapXEnabled } from 'featureFlags/flags/uniswapx'
import { useUniswapXEthOutputEnabled } from 'featureFlags/flags/uniswapXEthOutput' import { useUniswapXEthOutputEnabled } from 'featureFlags/flags/uniswapXEthOutput'
...@@ -33,7 +32,6 @@ export function useRoutingAPIArguments({ ...@@ -33,7 +32,6 @@ export function useRoutingAPIArguments({
}): GetQuoteArgs | SkipToken { }): GetQuoteArgs | SkipToken {
const uniswapXEnabled = useUniswapXEnabled() const uniswapXEnabled = useUniswapXEnabled()
const uniswapXForceSyntheticQuotes = useUniswapXSyntheticQuoteEnabled() const uniswapXForceSyntheticQuotes = useUniswapXSyntheticQuoteEnabled()
const forceUniswapXOn = useForceUniswapXOn()
const userDisabledUniswapX = useUserDisabledUniswapX() const userDisabledUniswapX = useUserDisabledUniswapX()
const uniswapXEthOutputEnabled = useUniswapXEthOutputEnabled() const uniswapXEthOutputEnabled = useUniswapXEthOutputEnabled()
const uniswapXExactOutputEnabled = useUniswapXExactOutputEnabled() const uniswapXExactOutputEnabled = useUniswapXExactOutputEnabled()
...@@ -59,7 +57,6 @@ export function useRoutingAPIArguments({ ...@@ -59,7 +57,6 @@ export function useRoutingAPIArguments({
needsWrapIfUniswapX: tokenIn.isNative, needsWrapIfUniswapX: tokenIn.isNative,
uniswapXEnabled, uniswapXEnabled,
uniswapXForceSyntheticQuotes, uniswapXForceSyntheticQuotes,
forceUniswapXOn,
userDisabledUniswapX, userDisabledUniswapX,
uniswapXEthOutputEnabled, uniswapXEthOutputEnabled,
uniswapXExactOutputEnabled, uniswapXExactOutputEnabled,
...@@ -75,7 +72,6 @@ export function useRoutingAPIArguments({ ...@@ -75,7 +72,6 @@ export function useRoutingAPIArguments({
uniswapXEnabled, uniswapXEnabled,
uniswapXExactOutputEnabled, uniswapXExactOutputEnabled,
uniswapXForceSyntheticQuotes, uniswapXForceSyntheticQuotes,
forceUniswapXOn,
userDisabledUniswapX, userDisabledUniswapX,
uniswapXEthOutputEnabled, uniswapXEthOutputEnabled,
fotAdjustmentsEnabled, fotAdjustmentsEnabled,
......
src/pages/Landing/__snapshots__/index.test.tsx.snap
View file @ 366f4d98
...@@ -7,7 +7,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -7,7 +7,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
min-width: 0; min-width: 0;
} }
.c24 { .c14 {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
min-width: 0; min-width: 0;
...@@ -30,7 +30,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -30,7 +30,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border-radius: 4px; border-radius: 4px;
} }
.c43 { .c46 {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
min-width: 0; min-width: 0;
...@@ -88,11 +88,11 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -88,11 +88,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
color: #222222; color: #222222;
} }
.c20 { .c25 {
color: #7D7D7D; color: #7D7D7D;
} }
.c95 { .c98 {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
...@@ -103,15 +103,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -103,15 +103,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
font-weight: 500; font-weight: 500;
} }
.c95:hover { .c98:hover {
opacity: 0.6; opacity: 0.6;
} }
.c95:active { .c98:active {
opacity: 0.4; opacity: 0.4;
} }
.c93 { .c96 {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
...@@ -122,36 +122,36 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -122,36 +122,36 @@ exports[`disable nft on landing page does not render nft information and card 1`
font-weight: 500; font-weight: 500;
} }
.c93:hover { .c96:hover {
opacity: 0.6; opacity: 0.6;
} }
.c93:active { .c96:active {
opacity: 0.4; opacity: 0.4;
} }
.c86 { .c89 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c87 { .c90 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c88 { .c91 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c80 { .c83 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -164,7 +164,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -164,7 +164,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 1440px; max-width: 1440px;
} }
.c81 { .c84 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -174,24 +174,24 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -174,24 +174,24 @@ exports[`disable nft on landing page does not render nft information and card 1`
flex-direction: column; flex-direction: column;
} }
.c82 { .c85 {
display: none; display: none;
} }
.c97 { .c100 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.c83 { .c86 {
width: 72px; width: 72px;
height: 72px; height: 72px;
display: none; display: none;
} }
.c84 { .c87 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -204,20 +204,20 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -204,20 +204,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
.c85 { .c88 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.c90 { .c93 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 12px; gap: 12px;
} }
.c91 { .c94 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -230,32 +230,32 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -230,32 +230,32 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
.c92 { .c95 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
font-weight: 535; font-weight: 535;
} }
.c96 { .c99 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #7D7D7D; color: #7D7D7D;
} }
.c94 { .c97 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #7D7D7D; color: #7D7D7D;
} }
.c89 { .c92 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
color: #CECECE; color: #CECECE;
} }
.c63 { .c66 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -283,11 +283,11 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -283,11 +283,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease border; transition: 250ms ease border;
} }
.c63:hover { .c66:hover {
border: 1px solid #CECECE; border: 1px solid #CECECE;
} }
.c69 { .c72 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -315,11 +315,11 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -315,11 +315,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease border; transition: 250ms ease border;
} }
.c69:hover { .c72:hover {
border: 1px solid #CECECE; border: 1px solid #CECECE;
} }
.c64 { .c67 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -334,13 +334,13 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -334,13 +334,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: space-between; justify-content: space-between;
} }
.c65 { .c68 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
font-weight: 535; font-weight: 535;
} }
.c66 { .c69 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -355,7 +355,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -355,7 +355,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 480px; max-width: 480px;
} }
.c70 { .c73 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -370,7 +370,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -370,7 +370,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
max-width: 480px; max-width: 480px;
} }
.c67 { .c70 {
color: #FC72FF; color: #FC72FF;
font-weight: 535; font-weight: 535;
margin: 24px 0 0; margin: 24px 0 0;
...@@ -379,18 +379,18 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -379,18 +379,18 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c67:hover { .c70:hover {
opacity: 0.6; opacity: 0.6;
} }
.c71 { .c74 {
min-width: 20px; min-width: 20px;
min-height: 20px; min-height: 20px;
max-height: 48px; max-height: 48px;
max-width: 48px; max-width: 48px;
} }
.c46 { .c49 {
background-color: transparent; background-color: transparent;
bottom: 0; bottom: 0;
border-radius: inherit; border-radius: inherit;
...@@ -404,7 +404,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -404,7 +404,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
width: 100%; width: 100%;
} }
.c25 { .c15 {
padding: 16px; padding: 16px;
width: 100%; width: 100%;
line-height: 24px; line-height: 24px;
...@@ -443,25 +443,25 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -443,25 +443,25 @@ exports[`disable nft on landing page does not render nft information and card 1`
transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
} }
.c25:disabled { .c15:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
pointer-events: none; pointer-events: none;
} }
.c25 > * { .c15 > * {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.c25 > a { .c15 > a {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c77 { .c80 {
padding: 16px; padding: 16px;
width: 200px; width: 200px;
line-height: 24px; line-height: 24px;
...@@ -500,58 +500,58 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -500,58 +500,58 @@ exports[`disable nft on landing page does not render nft information and card 1`
transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
} }
.c77:disabled { .c80:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
pointer-events: none; pointer-events: none;
} }
.c77 > * { .c80 > * {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.c77 > a { .c80 > a {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c44 { .c47 {
background-color: #FFEFFF; background-color: #FFEFFF;
color: #FC72FF; color: #FC72FF;
font-size: 20px; font-size: 20px;
font-weight: 535; font-weight: 535;
} }
.c44:focus { .c47:focus {
box-shadow: 0 0 0 1pt #FFEFFF; box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:hover { .c47:hover {
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:active { .c47:active {
box-shadow: 0 0 0 1pt #FFEFFF; box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:hover .c45 { .c47:hover .c48 {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c44:active .c45 { .c47:active .c48 {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c44:disabled { .c47:disabled {
opacity: 0.4; opacity: 0.4;
} }
.c44:disabled:hover { .c47:disabled:hover {
cursor: auto; cursor: auto;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
...@@ -559,7 +559,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -559,7 +559,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
outline: none; outline: none;
} }
.c26 { .c29 {
background-color: #FFFFFF; background-color: #FFFFFF;
color: #7D7D7D; color: #7D7D7D;
border: 1px solid #22222212; border: 1px solid #22222212;
...@@ -567,15 +567,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -567,15 +567,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
font-weight: 535; font-weight: 535;
} }
.c26:hover { .c29:hover {
background-color: #ececec; background-color: #ececec;
} }
.c26:active { .c29:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
.c78 { .c81 {
background-color: transparent; background-color: transparent;
color: #FC72FF; color: #FC72FF;
display: -webkit-box; display: -webkit-box;
...@@ -592,27 +592,56 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -592,27 +592,56 @@ exports[`disable nft on landing page does not render nft information and card 1`
align-items: center; align-items: center;
} }
.c78:focus { .c81:focus {
-webkit-text-decoration: underline; -webkit-text-decoration: underline;
text-decoration: underline; text-decoration: underline;
} }
.c78:hover { .c81:hover {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c78:active { .c81:active {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c78:disabled { .c81:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
} }
.c72 { .c16 {
padding: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: none;
-webkit-text-decoration: none;
text-decoration: none;
}
.c16:focus {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c16:hover {
opacity: 0.9;
}
.c16:active {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c16:disabled {
opacity: 50%;
cursor: auto;
}
.c75 {
height: 340px; height: 340px;
width: 100%; width: 100%;
border-radius: 32px; border-radius: 32px;
...@@ -638,7 +667,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -638,7 +667,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%); background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%);
} }
.c73 { .c76 {
color: white; color: white;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -652,20 +681,20 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -652,20 +681,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
flex-direction: column; flex-direction: column;
} }
.c74 { .c77 {
font-weight: 535; font-weight: 535;
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
.c75 { .c78 {
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
font-weight: 535; font-weight: 535;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
} }
.c76 { .c79 {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -679,22 +708,22 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -679,22 +708,22 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c76:hover { .c79:hover {
opacity: 0.6; opacity: 0.6;
} }
.c79 { .c82 {
color: white; color: white;
border: 1px solid white; border: 1px solid white;
} }
.c39 { .c42 {
display: grid; display: grid;
grid-auto-rows: auto; grid-auto-rows: auto;
grid-row-gap: 4px; grid-row-gap: 4px;
} }
.c36 { .c39 {
-webkit-filter: none; -webkit-filter: none;
filter: none; filter: none;
opacity: 1; opacity: 1;
...@@ -702,7 +731,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -702,7 +731,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out;
} }
.c31 { .c13 {
display: inline-block;
height: inherit;
}
.c34 {
opacity: 0; opacity: 0;
-webkit-transition: opacity 250ms ease-in; -webkit-transition: opacity 250ms ease-in;
transition: opacity 250ms ease-in; transition: opacity 250ms ease-in;
...@@ -711,7 +745,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -711,7 +745,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border-radius: 50%; border-radius: 50%;
} }
.c30 { .c33 {
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #22222212; background: #22222212;
...@@ -721,7 +755,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -721,7 +755,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border-radius: 50%; border-radius: 50%;
} }
.c29 { .c32 {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -729,7 +763,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -729,7 +763,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
display: flex; display: flex;
} }
.c22 { .c27 {
color: #222222; color: #222222;
width: 0; width: 0;
position: relative; position: relative;
...@@ -749,36 +783,36 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -749,36 +783,36 @@ exports[`disable nft on landing page does not render nft information and card 1`
text-align: right; text-align: right;
} }
.c22::-webkit-search-decoration { .c27::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
.c22 [type='number'] { .c27 [type='number'] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
.c22::-webkit-outer-spin-button, .c27::-webkit-outer-spin-button,
.c22::-webkit-inner-spin-button { .c27::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
} }
.c22::-webkit-input-placeholder { .c27::-webkit-input-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22::-moz-placeholder { .c27::-moz-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22:-ms-input-placeholder { .c27:-ms-input-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22::placeholder { .c27::placeholder {
color: #CECECE; color: #CECECE;
} }
.c18 { .c23 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -795,13 +829,13 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -795,13 +829,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
will-change: height; will-change: height;
} }
.c19 { .c24 {
min-height: 44px; min-height: 44px;
border-radius: 20px; border-radius: 20px;
width: initial; width: initial;
} }
.c27 { .c30 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -832,12 +866,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -832,12 +866,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
visibility: visible; visibility: visible;
} }
.c27:hover, .c30:hover,
.c27:active { .c30:active {
background-color: #F9F9F9; background-color: #F9F9F9;
} }
.c27:before { .c30:before {
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
position: absolute; position: absolute;
...@@ -848,15 +882,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -848,15 +882,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
content: ''; content: '';
} }
.c27:hover:before { .c30:hover:before {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c27:active:before { .c30:active:before {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c41 { .c44 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -887,12 +921,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -887,12 +921,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
visibility: visible; visibility: visible;
} }
.c41:hover, .c44:hover,
.c41:active { .c44:active {
background-color: #FC72FF; background-color: #FC72FF;
} }
.c41:before { .c44:before {
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
position: absolute; position: absolute;
...@@ -903,15 +937,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -903,15 +937,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
content: ''; content: '';
} }
.c41:hover:before { .c44:hover:before {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c41:active:before { .c44:active:before {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c21 { .c26 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -929,7 +963,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -929,7 +963,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: space-between; justify-content: space-between;
} }
.c34 { .c37 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -946,12 +980,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -946,12 +980,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
line-height: 1rem; line-height: 1rem;
} }
.c34 span:hover { .c37 span:hover {
cursor: pointer; cursor: pointer;
color: #4a4a4a; color: #4a4a4a;
} }
.c35 { .c38 {
-webkit-box-pack: end; -webkit-box-pack: end;
-webkit-justify-content: flex-end; -webkit-justify-content: flex-end;
-ms-flex-pack: end; -ms-flex-pack: end;
...@@ -960,7 +994,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -960,7 +994,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
padding: 8px 0px 0px 0px; padding: 8px 0px 0px 0px;
} }
.c28 { .c31 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -976,35 +1010,35 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -976,35 +1010,35 @@ exports[`disable nft on landing page does not render nft information and card 1`
width: 100%; width: 100%;
} }
.c33 { .c36 {
margin: 0 0.25rem 0 0.35rem; margin: 0 0.25rem 0 0.35rem;
height: 35%; height: 35%;
margin-left: 8px; margin-left: 8px;
} }
.c33 path { .c36 path {
stroke: #222222; stroke: #222222;
stroke-width: 2px; stroke-width: 2px;
} }
.c42 { .c45 {
margin: 0 0.25rem 0 0.35rem; margin: 0 0.25rem 0 0.35rem;
height: 35%; height: 35%;
margin-left: 8px; margin-left: 8px;
} }
.c42 path { .c45 path {
stroke: #FFFFFF; stroke: #FFFFFF;
stroke-width: 2px; stroke-width: 2px;
} }
.c32 { .c35 {
margin: 0 0.25rem 0 0.25rem; margin: 0 0.25rem 0 0.25rem;
font-size: 20px; font-size: 20px;
font-weight: 535; font-weight: 535;
} }
.c23 { .c28 {
-webkit-filter: none; -webkit-filter: none;
filter: none; filter: none;
opacity: 1; opacity: 1;
...@@ -1040,7 +1074,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1040,7 +1074,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
border: 1px solid #22222212; border: 1px solid #22222212;
} }
.c37 { .c40 {
border-radius: 12px; border-radius: 12px;
height: 40px; height: 40px;
width: 40px; width: 40px;
...@@ -1055,21 +1089,21 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1055,21 +1089,21 @@ exports[`disable nft on landing page does not render nft information and card 1`
z-index: 2; z-index: 2;
} }
.c37:hover { .c40:hover {
cursor: pointer; cursor: pointer;
opacity: 0.8; opacity: 0.8;
} }
.c16 { .c21 {
height: 24px; height: 24px;
width: 24px; width: 24px;
} }
.c16 > * { .c21 > * {
fill: #7D7D7D; fill: #7D7D7D;
} }
.c14 { .c19 {
border: none; border: none;
background-color: transparent; background-color: transparent;
margin: 0; margin: 0;
...@@ -1078,19 +1112,35 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1078,19 +1112,35 @@ exports[`disable nft on landing page does not render nft information and card 1`
outline: none; outline: none;
} }
.c14:not([disabled]):hover { .c19:not([disabled]):hover {
opacity: 0.7; opacity: 0.7;
} }
.c15 { .c20 {
padding: 6px 12px; padding: 6px 12px;
border-radius: 16px; border-radius: 16px;
} }
.c13 { .c18 {
position: relative; position: relative;
} }
.c17 {
color: #7D7D7D;
gap: 4px;
font-weight: 485;
}
.c17:focus {
-webkit-text-decoration: none;
text-decoration: none;
}
.c17:active {
-webkit-text-decoration: none;
text-decoration: none;
}
.c9 { .c9 {
margin-bottom: 10px; margin-bottom: 10px;
color: #7D7D7D; color: #7D7D7D;
...@@ -1101,7 +1151,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1101,7 +1151,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
gap: 16px; gap: 16px;
} }
.c38 { .c41 {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
...@@ -1118,7 +1168,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1118,7 +1168,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: 100%; height: 100%;
} }
.c17 { .c22 {
background-color: #F9F9F9; background-color: #F9F9F9;
border-radius: 16px; border-radius: 16px;
color: #7D7D7D; color: #7D7D7D;
...@@ -1130,7 +1180,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1130,7 +1180,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
position: relative; position: relative;
} }
.c17:before { .c22:before {
box-sizing: border-box; box-sizing: border-box;
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
...@@ -1144,15 +1194,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1144,15 +1194,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
border: 1px solid #F9F9F9; border: 1px solid #F9F9F9;
} }
.c17:hover:before { .c22:hover:before {
border-color: #98A1C014; border-color: #98A1C014;
} }
.c17:focus-within:before { .c22:focus-within:before {
border-color: #B8C0DC3d; border-color: #B8C0DC3d;
} }
.c40 { .c43 {
border-bottom: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
} }
...@@ -1179,7 +1229,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1179,7 +1229,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
overflow-x: hidden; overflow-x: hidden;
} }
.c47 { .c50 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -1203,7 +1253,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1203,7 +1253,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: calc(100vh - 48px); height: calc(100vh - 48px);
} }
.c48 { .c51 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -1224,7 +1274,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1224,7 +1274,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: calc(100vh - 48px); height: calc(100vh - 48px);
} }
.c49 { .c52 {
position: absolute; position: absolute;
top: 68px; top: 68px;
bottom: 0; bottom: 0;
...@@ -1237,7 +1287,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1237,7 +1287,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
height: 100%; height: 100%;
} }
.c50 { .c53 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -1265,11 +1315,11 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1265,11 +1315,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
pointer-events: none; pointer-events: none;
} }
.c50 * { .c53 * {
pointer-events: auto; pointer-events: auto;
} }
.c51 { .c54 {
color: transparent; color: transparent;
font-size: 36px; font-size: 36px;
line-height: 44px; line-height: 44px;
...@@ -1281,7 +1331,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1281,7 +1331,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
-webkit-background-clip: text; -webkit-background-clip: text;
} }
.c53 { .c56 {
color: #7D7D7D; color: #7D7D7D;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
...@@ -1291,7 +1341,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1291,7 +1341,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
margin: 0 0 32px; margin: 0 0 32px;
} }
.c52 { .c55 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -1302,12 +1352,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1302,12 +1352,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
justify-content: center; justify-content: center;
} }
.c55 { .c58 {
padding: 16px 0px; padding: 16px 0px;
border-radius: 24px; border-radius: 24px;
} }
.c56 { .c59 {
background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%); background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
...@@ -1315,24 +1365,24 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1315,24 +1365,24 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: all 250ms ease; transition: all 250ms ease;
} }
.c56:hover { .c59:hover {
box-shadow: 0px 0px 16px 0px #ff00c7; box-shadow: 0px 0px 16px 0px #ff00c7;
} }
.c57 { .c60 {
margin: 0px; margin: 0px;
font-size: 16px; font-size: 16px;
font-weight: 535; font-weight: 535;
white-space: nowrap; white-space: nowrap;
} }
.c54 { .c57 {
max-width: 300px; max-width: 300px;
width: 100%; width: 100%;
pointer-events: auto; pointer-events: auto;
} }
.c58 { .c61 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -1352,16 +1402,16 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1352,16 +1402,16 @@ exports[`disable nft on landing page does not render nft information and card 1`
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c58:hover { .c61:hover {
opacity: 0.6; opacity: 0.6;
} }
.c59 { .c62 {
margin-left: 14px; margin-left: 14px;
size: 20px; size: 20px;
} }
.c61 { .c64 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -1378,7 +1428,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1378,7 +1428,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%); background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%);
} }
.c62 { .c65 {
display: grid; display: grid;
gap: 12px; gap: 12px;
width: 100%; width: 100%;
...@@ -1391,7 +1441,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1391,7 +1441,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.c68 { .c71 {
display: grid; display: grid;
gap: 12px; gap: 12px;
width: 100%; width: 100%;
...@@ -1445,7 +1495,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1445,7 +1495,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
width: 100%; width: 100%;
} }
.c60 { .c63 {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
...@@ -1461,12 +1511,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1461,12 +1511,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
text-align: center; text-align: center;
} }
.c60:hover { .c63:hover {
color: #CECECE; color: #CECECE;
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c80 { .c83 {
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
...@@ -1478,7 +1528,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1478,7 +1528,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c82 { .c85 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -1487,63 +1537,63 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1487,63 +1537,63 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c97 { .c100 {
display: none; display: none;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c83 { .c86 {
display: block; display: block;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c90 { .c93 {
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px; gap: 24px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c91 { .c94 {
margin: 0; margin: 0;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c63 { .c66 {
height: 360px; height: 360px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c63 { .c66 {
padding: 32px; padding: 32px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c69 { .c72 {
height: 260px; height: 260px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c69 { .c72 {
padding: 32px; padding: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c65 { .c68 {
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c66 { .c69 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
max-width: 480px; max-width: 480px;
...@@ -1551,7 +1601,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1551,7 +1601,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c70 { .c73 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
max-width: 480px; max-width: 480px;
...@@ -1559,7 +1609,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1559,7 +1609,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c72 { .c75 {
height: 140px; height: 140px;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
...@@ -1568,21 +1618,21 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1568,21 +1618,21 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c74 { .c77 {
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c75 { .c78 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c76 { .c79 {
width: auto; width: auto;
} }
} }
...@@ -1600,79 +1650,79 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1600,79 +1650,79 @@ exports[`disable nft on landing page does not render nft information and card 1`
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c47 { .c50 {
height: 100vh; height: 100vh;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c48 { .c51 {
height: 100vh; height: 100vh;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c51 { .c54 {
font-size: 48px; font-size: 48px;
line-height: 56px; line-height: 56px;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c51 { .c54 {
font-size: 64px; font-size: 64px;
line-height: 72px; line-height: 72px;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c53 { .c56 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c57 { .c60 {
font-size: 20px; font-size: 20px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c58 { .c61 {
visibility: visible; visibility: visible;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c61 { .c64 {
padding: 0 96px 5rem; padding: 0 96px 5rem;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c62 { .c65 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c62 { .c65 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c68 { .c71 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c68 { .c71 {
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
gap: 32px; gap: 32px;
} }
...@@ -1708,24 +1758,36 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1708,24 +1758,36 @@ exports[`disable nft on landing page does not render nft information and card 1`
> >
Swap Swap
</div> </div>
<div
class="c13"
>
<div>
<button
class="c14 c15 c16 c17"
data-testid="buy-fiat-button"
>
Buy
</button>
</div>
</div>
</div> </div>
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<div <div
class="c13" class="c18"
> >
<button <button
aria-label="Transaction Settings" aria-label="Transaction Settings"
class="c14" class="c19"
data-testid="open-settings-dialog-button" data-testid="open-settings-dialog-button"
id="open-settings-dialog-button" id="open-settings-dialog-button"
> >
<div <div
class="c6 c7 c15" class="c6 c7 c20"
> >
<svg <svg
class="c16" class="c21"
fill="none" fill="none"
height="24" height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
...@@ -1746,28 +1808,28 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1746,28 +1808,28 @@ exports[`disable nft on landing page does not render nft information and card 1`
style="display: relative;" style="display: relative;"
> >
<div <div
class="c17" class="c22"
> >
<div <div
class="c18" class="c23"
id="swap-currency-input" id="swap-currency-input"
> >
<div <div
class="c19" class="c24"
> >
<div <div
class="c20 css-142zc9n" class="c25 css-142zc9n"
style="user-select: none;" style="user-select: none;"
> >
You pay You pay
</div> </div>
<div <div
class="c21" class="c26"
> >
<input <input
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
class="c22 c23 token-amount-input" class="c27 c28 token-amount-input"
inputmode="decimal" inputmode="decimal"
maxlength="79" maxlength="79"
minlength="1" minlength="1"
...@@ -1779,36 +1841,36 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1779,36 +1841,36 @@ exports[`disable nft on landing page does not render nft information and card 1`
/> />
<div> <div>
<button <button
class="c24 c25 c26 c27 open-currency-select-button" class="c14 c15 c29 c30 open-currency-select-button"
> >
<span <span
class="c28" class="c31"
> >
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<div <div
class="c29" class="c32"
style="height: 24px; width: 24px; margin-right: 2px;" style="height: 24px; width: 24px; margin-right: 2px;"
> >
<div <div
class="c30" class="c33"
> >
<img <img
alt="ETH logo" alt="ETH logo"
class="c31" class="c34"
src="ethereum-logo.png" src="ethereum-logo.png"
/> />
</div> </div>
</div> </div>
<span <span
class="c32 token-symbol-container" class="c35 token-symbol-container"
> >
ETH ETH
</span> </span>
</div> </div>
<svg <svg
class="c33" class="c36"
> >
dropdown.svg dropdown.svg
</svg> </svg>
...@@ -1817,13 +1879,13 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1817,13 +1879,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c34 c35" class="c37 c38"
> >
<div <div
class="c6 c7 c8" class="c6 c7 c8"
> >
<div <div
class="c36" class="c39"
/> />
<span /> <span />
</div> </div>
...@@ -1832,10 +1894,10 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1832,10 +1894,10 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c37" class="c40"
> >
<div <div
class="c38" class="c41"
color="#222222" color="#222222"
data-testid="swap-currency-button" data-testid="swap-currency-button"
> >
...@@ -1864,32 +1926,32 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1864,32 +1926,32 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c39" class="c42"
> >
<div> <div>
<div <div
class="c17 c40" class="c22 c43"
> >
<div <div
class="c18" class="c23"
id="swap-currency-output" id="swap-currency-output"
> >
<div <div
class="c19" class="c24"
> >
<div <div
class="c20 css-142zc9n" class="c25 css-142zc9n"
style="user-select: none;" style="user-select: none;"
> >
You receive You receive
</div> </div>
<div <div
class="c21" class="c26"
> >
<input <input
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
class="c22 c23 token-amount-input" class="c27 c28 token-amount-input"
inputmode="decimal" inputmode="decimal"
maxlength="79" maxlength="79"
minlength="1" minlength="1"
...@@ -1901,22 +1963,22 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1901,22 +1963,22 @@ exports[`disable nft on landing page does not render nft information and card 1`
/> />
<div> <div>
<button <button
class="c24 c25 c26 c41 open-currency-select-button" class="c14 c15 c29 c44 open-currency-select-button"
> >
<span <span
class="c28" class="c31"
> >
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<span <span
class="c32 token-symbol-container" class="c35 token-symbol-container"
> >
Select token Select token
</span> </span>
</div> </div>
<svg <svg
class="c42" class="c45"
> >
dropdown.svg dropdown.svg
</svg> </svg>
...@@ -1925,13 +1987,13 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1925,13 +1987,13 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c34 c35" class="c37 c38"
> >
<div <div
class="c6 c7 c8" class="c6 c7 c8"
> >
<div <div
class="c36" class="c39"
/> />
<span /> <span />
</div> </div>
...@@ -1942,11 +2004,11 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1942,11 +2004,11 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
<div> <div>
<button <button
class="c43 c25 c44" class="c46 c15 c47"
font-weight="535" font-weight="535"
> >
<div <div
class="c45 c46" class="c48 c49"
/> />
Connect Wallet Connect Wallet
</button> </button>
...@@ -1957,52 +2019,52 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -1957,52 +2019,52 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c47" class="c50"
/> />
<div <div
class="c48" class="c51"
> >
<div <div
class="c49" class="c52"
/> />
</div> </div>
<div <div
class="c50" class="c53"
> >
<h1 <h1
class="c51" class="c54"
> >
Trade crypto with confidence Trade crypto with confidence
</h1> </h1>
<div <div
class="c52" class="c55"
> >
<div <div
class="c53" class="c56"
> >
Buy, sell, and explore tokens Buy, sell, and explore tokens
</div> </div>
</div> </div>
<span <span
class="c54" class="c57"
> >
<a <a
class="c2 c25 c55 c56" class="c2 c15 c58 c59"
href="#/swap" href="#/swap"
> >
<p <p
class="c57" class="c60"
> >
Get started Get started
</p> </p>
</a> </a>
</span> </span>
<div <div
class="c58" class="c61"
> >
Learn more Learn more
<svg <svg
class="c59" class="c62"
fill="none" fill="none"
height="24" height="24"
stroke="currentColor" stroke="currentColor"
...@@ -2030,7 +2092,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2030,7 +2092,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg> </svg>
</div> </div>
<a <a
class="c60" class="c63"
href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1" href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1"
> >
<svg <svg
...@@ -2047,32 +2109,32 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2047,32 +2109,32 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c61" class="c64"
> >
<div <div
class="c62" class="c65"
cols="1" cols="1"
> >
<a <a
class="c63" class="c66"
href="#/swap" href="#/swap"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Swap tokens Swap tokens
</div> </div>
</div> </div>
<div <div
class="c66" class="c69"
type="Primary" type="Primary"
> >
Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more. Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more.
<div <div
class="c66 c67" class="c69 c70"
type="Primary" type="Primary"
> >
Trade Tokens Trade Tokens
...@@ -2081,20 +2143,20 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2081,20 +2143,20 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c68" class="c71"
cols="3" cols="3"
> >
<a <a
class="c69" class="c72"
href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-" href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-"
rel="noopenener noreferrer" rel="noopenener noreferrer"
target="_blank" target="_blank"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Buy crypto Buy crypto
</div> </div>
...@@ -2121,12 +2183,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2121,12 +2183,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg> </svg>
</div> </div>
<div <div
class="c70" class="c73"
type="Secondary" type="Secondary"
> >
Buy crypto with your credit card or bank account at the best rates. Buy crypto with your credit card or bank account at the best rates.
<div <div
class="c70 c67" class="c73 c70"
type="Secondary" type="Secondary"
> >
Buy now Buy now
...@@ -2134,30 +2196,30 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2134,30 +2196,30 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</a> </a>
<a <a
class="c69" class="c72"
href="#/pools" href="#/pools"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Earn Earn
</div> </div>
<img <img
alt="Analytics" alt="Analytics"
class="c71" class="c74"
src="aboutArrowLight.png" src="aboutArrowLight.png"
/> />
</div> </div>
<div <div
class="c70" class="c73"
type="Secondary" type="Secondary"
> >
Provide liquidity to pools on Uniswap and earn fees on swaps. Provide liquidity to pools on Uniswap and earn fees on swaps.
<div <div
class="c70 c67" class="c73 c70"
type="Secondary" type="Secondary"
> >
Provide liquidity Provide liquidity
...@@ -2165,16 +2227,16 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2165,16 +2227,16 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</a> </a>
<a <a
class="c69" class="c72"
href="https://docs.uniswap.org" href="https://docs.uniswap.org"
rel="noopenener noreferrer" rel="noopenener noreferrer"
target="_blank" target="_blank"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Build dApps Build dApps
</div> </div>
...@@ -2201,12 +2263,12 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2201,12 +2263,12 @@ exports[`disable nft on landing page does not render nft information and card 1`
</svg> </svg>
</div> </div>
<div <div
class="c70" class="c73"
type="Secondary" type="Secondary"
> >
Build apps and tools on the largest DeFi protocol on Ethereum. Build apps and tools on the largest DeFi protocol on Ethereum.
<div <div
class="c70 c67" class="c73 c70"
type="Secondary" type="Secondary"
> >
Developer docs Developer docs
...@@ -2215,27 +2277,27 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2215,27 +2277,27 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c72" class="c75"
> >
<div <div
class="c73" class="c76"
> >
<div <div
class="c74" class="c77"
> >
Powered by the Uniswap Protocol Powered by the Uniswap Protocol
</div> </div>
<div <div
class="c75" class="c78"
> >
The leading decentralized crypto trading protocol, governed by a global community. The leading decentralized crypto trading protocol, governed by a global community.
</div> </div>
</div> </div>
<div <div
class="c76" class="c79"
> >
<a <a
class="c77 c78 c79" class="c80 c81 c82"
href="https://uniswap.org" href="https://uniswap.org"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2246,53 +2308,53 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2246,53 +2308,53 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c80" class="c83"
> >
<div <div
class="c81 c82" class="c84 c85"
> >
<img <img
alt="Uniswap Logo" alt="Uniswap Logo"
class="c83" class="c86"
src="unicornEmbossLight.png" src="unicornEmbossLight.png"
/> />
<div <div
class="c84" class="c87"
> >
<a <a
class="c85" class="c88"
href="https://discord.gg/FCfyBSbCU5" href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c86" class="c89"
size="32" size="32"
> >
discord.svg discord.svg
</svg> </svg>
</a> </a>
<a <a
class="c85" class="c88"
href="https://twitter.com/uniswap" href="https://twitter.com/uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c87" class="c90"
size="32" size="32"
> >
twitter-safe.svg twitter-safe.svg
</svg> </svg>
</a> </a>
<a <a
class="c85" class="c88"
href="https://github.com/Uniswap" href="https://github.com/Uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c88" class="c91"
size="32" size="32"
> >
github.svg github.svg
...@@ -2300,7 +2362,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2300,7 +2362,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<span <span
class="c89" class="c92"
> >
© ©
2023 2023
...@@ -2308,45 +2370,45 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2308,45 +2370,45 @@ exports[`disable nft on landing page does not render nft information and card 1`
</span> </span>
</div> </div>
<div <div
class="c90" class="c93"
> >
<div <div
class="c91" class="c94"
> >
<span <span
class="c92" class="c95"
> >
App App
</span> </span>
<a <a
class="c93 c94" class="c96 c97"
href="#/swap" href="#/swap"
> >
Swap Swap
</a> </a>
<a <a
class="c93 c94" class="c96 c97"
href="#/tokens" href="#/tokens"
> >
Tokens Tokens
</a> </a>
<a <a
class="c93 c94" class="c96 c97"
href="#/pools" href="#/pools"
> >
Pools Pools
</a> </a>
</div> </div>
<div <div
class="c91" class="c94"
> >
<span <span
class="c92" class="c95"
> >
Protocol Protocol
</span> </span>
<a <a
class="c95 c96" class="c98 c99"
href="https://uniswap.org/community" href="https://uniswap.org/community"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2354,7 +2416,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2354,7 +2416,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Community Community
</a> </a>
<a <a
class="c95 c96" class="c98 c99"
href="https://uniswap.org/governance" href="https://uniswap.org/governance"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2362,7 +2424,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2362,7 +2424,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Governance Governance
</a> </a>
<a <a
class="c95 c96" class="c98 c99"
href="https://uniswap.org/developers" href="https://uniswap.org/developers"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2371,15 +2433,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2371,15 +2433,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c91" class="c94"
> >
<span <span
class="c92" class="c95"
> >
Company Company
</span> </span>
<a <a
class="c95 c96" class="c98 c99"
href="https://boards.greenhouse.io/uniswaplabs" href="https://boards.greenhouse.io/uniswaplabs"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2387,7 +2449,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2387,7 +2449,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Careers Careers
</a> </a>
<a <a
class="c95 c96" class="c98 c99"
href="https://uniswap.org/blog" href="https://uniswap.org/blog"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2396,15 +2458,15 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2396,15 +2458,15 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<div <div
class="c91" class="c94"
> >
<span <span
class="c92" class="c95"
> >
Get Help Get Help
</span> </span>
<a <a
class="c95 c96" class="c98 c99"
href="https://support.uniswap.org/hc/en-us/requests/new" href="https://support.uniswap.org/hc/en-us/requests/new"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2412,7 +2474,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2412,7 +2474,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
Contact Us Contact Us
</a> </a>
<a <a
class="c95 c96" class="c98 c99"
href="https://support.uniswap.org/hc/en-us" href="https://support.uniswap.org/hc/en-us"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -2422,50 +2484,50 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2422,50 +2484,50 @@ exports[`disable nft on landing page does not render nft information and card 1`
</div> </div>
</div> </div>
<div <div
class="c81 c97" class="c84 c100"
> >
<img <img
alt="Uniswap Logo" alt="Uniswap Logo"
class="c83" class="c86"
src="unicornEmbossLight.png" src="unicornEmbossLight.png"
/> />
<div <div
class="c84" class="c87"
> >
<a <a
class="c85" class="c88"
href="https://discord.gg/FCfyBSbCU5" href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c86" class="c89"
size="32" size="32"
> >
discord.svg discord.svg
</svg> </svg>
</a> </a>
<a <a
class="c85" class="c88"
href="https://twitter.com/uniswap" href="https://twitter.com/uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c87" class="c90"
size="32" size="32"
> >
twitter-safe.svg twitter-safe.svg
</svg> </svg>
</a> </a>
<a <a
class="c85" class="c88"
href="https://github.com/Uniswap" href="https://github.com/Uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c88" class="c91"
size="32" size="32"
> >
github.svg github.svg
...@@ -2473,7 +2535,7 @@ exports[`disable nft on landing page does not render nft information and card 1` ...@@ -2473,7 +2535,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
</a> </a>
</div> </div>
<span <span
class="c89" class="c92"
> >
© ©
2023 2023
...@@ -2493,7 +2555,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2493,7 +2555,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
min-width: 0; min-width: 0;
} }
.c24 { .c14 {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
min-width: 0; min-width: 0;
...@@ -2516,7 +2578,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2516,7 +2578,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border-radius: 4px; border-radius: 4px;
} }
.c43 { .c46 {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
min-width: 0; min-width: 0;
...@@ -2574,11 +2636,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2574,11 +2636,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
color: #222222; color: #222222;
} }
.c20 { .c25 {
color: #7D7D7D; color: #7D7D7D;
} }
.c96 { .c99 {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
...@@ -2589,15 +2651,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2589,15 +2651,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
font-weight: 500; font-weight: 500;
} }
.c96:hover { .c99:hover {
opacity: 0.6; opacity: 0.6;
} }
.c96:active { .c99:active {
opacity: 0.4; opacity: 0.4;
} }
.c94 { .c97 {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
...@@ -2608,36 +2670,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2608,36 +2670,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
font-weight: 500; font-weight: 500;
} }
.c94:hover { .c97:hover {
opacity: 0.6; opacity: 0.6;
} }
.c94:active { .c97:active {
opacity: 0.4; opacity: 0.4;
} }
.c87 { .c90 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c88 { .c91 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c89 { .c92 {
height: 32px; height: 32px;
width: 32px; width: 32px;
fill: #98A1C0; fill: #98A1C0;
opacity: 1; opacity: 1;
} }
.c81 { .c84 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2650,7 +2712,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2650,7 +2712,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 1440px; max-width: 1440px;
} }
.c82 { .c85 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2660,24 +2722,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2660,24 +2722,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
flex-direction: column; flex-direction: column;
} }
.c83 { .c86 {
display: none; display: none;
} }
.c98 { .c101 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.c84 { .c87 {
width: 72px; width: 72px;
height: 72px; height: 72px;
display: none; display: none;
} }
.c85 { .c88 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2690,20 +2752,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2690,20 +2752,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
.c86 { .c89 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.c91 { .c94 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 12px; gap: 12px;
} }
.c92 { .c95 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2716,32 +2778,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2716,32 +2778,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
.c93 { .c96 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
font-weight: 535; font-weight: 535;
} }
.c97 { .c100 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #7D7D7D; color: #7D7D7D;
} }
.c95 { .c98 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #7D7D7D; color: #7D7D7D;
} }
.c90 { .c93 {
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
color: #CECECE; color: #CECECE;
} }
.c63 { .c66 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2769,11 +2831,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2769,11 +2831,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border; transition: 250ms ease border;
} }
.c63:hover { .c66:hover {
border: 1px solid #CECECE; border: 1px solid #CECECE;
} }
.c68 { .c71 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2801,11 +2863,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2801,11 +2863,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border; transition: 250ms ease border;
} }
.c68:hover { .c71:hover {
border: 1px solid #CECECE; border: 1px solid #CECECE;
} }
.c70 { .c73 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2833,11 +2895,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2833,11 +2895,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease border; transition: 250ms ease border;
} }
.c70:hover { .c73:hover {
border: 1px solid #CECECE; border: 1px solid #CECECE;
} }
.c64 { .c67 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2852,13 +2914,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2852,13 +2914,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: space-between; justify-content: space-between;
} }
.c65 { .c68 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
font-weight: 535; font-weight: 535;
} }
.c66 { .c69 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2873,7 +2935,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2873,7 +2935,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 480px; max-width: 480px;
} }
.c71 { .c74 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2888,7 +2950,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2888,7 +2950,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
max-width: 480px; max-width: 480px;
} }
.c67 { .c70 {
color: #FC72FF; color: #FC72FF;
font-weight: 535; font-weight: 535;
margin: 24px 0 0; margin: 24px 0 0;
...@@ -2897,18 +2959,18 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2897,18 +2959,18 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c67:hover { .c70:hover {
opacity: 0.6; opacity: 0.6;
} }
.c72 { .c75 {
min-width: 20px; min-width: 20px;
min-height: 20px; min-height: 20px;
max-height: 48px; max-height: 48px;
max-width: 48px; max-width: 48px;
} }
.c46 { .c49 {
background-color: transparent; background-color: transparent;
bottom: 0; bottom: 0;
border-radius: inherit; border-radius: inherit;
...@@ -2922,7 +2984,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2922,7 +2984,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
width: 100%; width: 100%;
} }
.c25 { .c15 {
padding: 16px; padding: 16px;
width: 100%; width: 100%;
line-height: 24px; line-height: 24px;
...@@ -2961,25 +3023,25 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -2961,25 +3023,25 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
} }
.c25:disabled { .c15:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
pointer-events: none; pointer-events: none;
} }
.c25 > * { .c15 > * {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.c25 > a { .c15 > a {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c78 { .c81 {
padding: 16px; padding: 16px;
width: 200px; width: 200px;
line-height: 24px; line-height: 24px;
...@@ -3018,58 +3080,58 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3018,58 +3080,58 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
} }
.c78:disabled { .c81:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
pointer-events: none; pointer-events: none;
} }
.c78 > * { .c81 > * {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.c78 > a { .c81 > a {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c44 { .c47 {
background-color: #FFEFFF; background-color: #FFEFFF;
color: #FC72FF; color: #FC72FF;
font-size: 20px; font-size: 20px;
font-weight: 535; font-weight: 535;
} }
.c44:focus { .c47:focus {
box-shadow: 0 0 0 1pt #FFEFFF; box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:hover { .c47:hover {
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:active { .c47:active {
box-shadow: 0 0 0 1pt #FFEFFF; box-shadow: 0 0 0 1pt #FFEFFF;
background-color: #FFEFFF; background-color: #FFEFFF;
} }
.c44:hover .c45 { .c47:hover .c48 {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c44:active .c45 { .c47:active .c48 {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c44:disabled { .c47:disabled {
opacity: 0.4; opacity: 0.4;
} }
.c44:disabled:hover { .c47:disabled:hover {
cursor: auto; cursor: auto;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
...@@ -3077,7 +3139,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3077,7 +3139,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
outline: none; outline: none;
} }
.c26 { .c29 {
background-color: #FFFFFF; background-color: #FFFFFF;
color: #7D7D7D; color: #7D7D7D;
border: 1px solid #22222212; border: 1px solid #22222212;
...@@ -3085,15 +3147,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3085,15 +3147,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
font-weight: 535; font-weight: 535;
} }
.c26:hover { .c29:hover {
background-color: #ececec; background-color: #ececec;
} }
.c26:active { .c29:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
.c79 { .c82 {
background-color: transparent; background-color: transparent;
color: #FC72FF; color: #FC72FF;
display: -webkit-box; display: -webkit-box;
...@@ -3110,27 +3172,56 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3110,27 +3172,56 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
align-items: center; align-items: center;
} }
.c79:focus { .c82:focus {
-webkit-text-decoration: underline; -webkit-text-decoration: underline;
text-decoration: underline; text-decoration: underline;
} }
.c79:hover { .c82:hover {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c79:active { .c82:active {
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
} }
.c79:disabled { .c82:disabled {
opacity: 50%; opacity: 50%;
cursor: auto; cursor: auto;
} }
.c73 { .c16 {
padding: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: none;
-webkit-text-decoration: none;
text-decoration: none;
}
.c16:focus {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c16:hover {
opacity: 0.9;
}
.c16:active {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c16:disabled {
opacity: 50%;
cursor: auto;
}
.c76 {
height: 340px; height: 340px;
width: 100%; width: 100%;
border-radius: 32px; border-radius: 32px;
...@@ -3156,7 +3247,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3156,7 +3247,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%); background: url(Mesh.png),linear-gradient(93.06deg,#FF00C7 2.66%,#FF9FFB 98.99%);
} }
.c74 { .c77 {
color: white; color: white;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3170,20 +3261,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3170,20 +3261,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
flex-direction: column; flex-direction: column;
} }
.c75 { .c78 {
font-weight: 535; font-weight: 535;
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
.c76 { .c79 {
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
font-weight: 535; font-weight: 535;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
} }
.c77 { .c80 {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3197,22 +3288,22 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3197,22 +3288,22 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c77:hover { .c80:hover {
opacity: 0.6; opacity: 0.6;
} }
.c80 { .c83 {
color: white; color: white;
border: 1px solid white; border: 1px solid white;
} }
.c39 { .c42 {
display: grid; display: grid;
grid-auto-rows: auto; grid-auto-rows: auto;
grid-row-gap: 4px; grid-row-gap: 4px;
} }
.c36 { .c39 {
-webkit-filter: none; -webkit-filter: none;
filter: none; filter: none;
opacity: 1; opacity: 1;
...@@ -3220,7 +3311,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3220,7 +3311,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out;
} }
.c31 { .c13 {
display: inline-block;
height: inherit;
}
.c34 {
opacity: 0; opacity: 0;
-webkit-transition: opacity 250ms ease-in; -webkit-transition: opacity 250ms ease-in;
transition: opacity 250ms ease-in; transition: opacity 250ms ease-in;
...@@ -3229,7 +3325,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3229,7 +3325,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border-radius: 50%; border-radius: 50%;
} }
.c30 { .c33 {
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #22222212; background: #22222212;
...@@ -3239,7 +3335,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3239,7 +3335,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border-radius: 50%; border-radius: 50%;
} }
.c29 { .c32 {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3247,7 +3343,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3247,7 +3343,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
display: flex; display: flex;
} }
.c22 { .c27 {
color: #222222; color: #222222;
width: 0; width: 0;
position: relative; position: relative;
...@@ -3267,36 +3363,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3267,36 +3363,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
text-align: right; text-align: right;
} }
.c22::-webkit-search-decoration { .c27::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
.c22 [type='number'] { .c27 [type='number'] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
.c22::-webkit-outer-spin-button, .c27::-webkit-outer-spin-button,
.c22::-webkit-inner-spin-button { .c27::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
} }
.c22::-webkit-input-placeholder { .c27::-webkit-input-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22::-moz-placeholder { .c27::-moz-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22:-ms-input-placeholder { .c27:-ms-input-placeholder {
color: #CECECE; color: #CECECE;
} }
.c22::placeholder { .c27::placeholder {
color: #CECECE; color: #CECECE;
} }
.c18 { .c23 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3313,13 +3409,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3313,13 +3409,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
will-change: height; will-change: height;
} }
.c19 { .c24 {
min-height: 44px; min-height: 44px;
border-radius: 20px; border-radius: 20px;
width: initial; width: initial;
} }
.c27 { .c30 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -3350,12 +3446,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3350,12 +3446,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
visibility: visible; visibility: visible;
} }
.c27:hover, .c30:hover,
.c27:active { .c30:active {
background-color: #F9F9F9; background-color: #F9F9F9;
} }
.c27:before { .c30:before {
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
position: absolute; position: absolute;
...@@ -3366,15 +3462,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3366,15 +3462,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
content: ''; content: '';
} }
.c27:hover:before { .c30:hover:before {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c27:active:before { .c30:active:before {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c41 { .c44 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -3405,12 +3501,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3405,12 +3501,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
visibility: visible; visibility: visible;
} }
.c41:hover, .c44:hover,
.c41:active { .c44:active {
background-color: #FC72FF; background-color: #FC72FF;
} }
.c41:before { .c44:before {
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
position: absolute; position: absolute;
...@@ -3421,15 +3517,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3421,15 +3517,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
content: ''; content: '';
} }
.c41:hover:before { .c44:hover:before {
background-color: #98A1C014; background-color: #98A1C014;
} }
.c41:active:before { .c44:active:before {
background-color: #B8C0DC3d; background-color: #B8C0DC3d;
} }
.c21 { .c26 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3447,7 +3543,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3447,7 +3543,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: space-between; justify-content: space-between;
} }
.c34 { .c37 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3464,12 +3560,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3464,12 +3560,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
line-height: 1rem; line-height: 1rem;
} }
.c34 span:hover { .c37 span:hover {
cursor: pointer; cursor: pointer;
color: #4a4a4a; color: #4a4a4a;
} }
.c35 { .c38 {
-webkit-box-pack: end; -webkit-box-pack: end;
-webkit-justify-content: flex-end; -webkit-justify-content: flex-end;
-ms-flex-pack: end; -ms-flex-pack: end;
...@@ -3478,7 +3574,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3478,7 +3574,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
padding: 8px 0px 0px 0px; padding: 8px 0px 0px 0px;
} }
.c28 { .c31 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3494,35 +3590,35 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3494,35 +3590,35 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
width: 100%; width: 100%;
} }
.c33 { .c36 {
margin: 0 0.25rem 0 0.35rem; margin: 0 0.25rem 0 0.35rem;
height: 35%; height: 35%;
margin-left: 8px; margin-left: 8px;
} }
.c33 path { .c36 path {
stroke: #222222; stroke: #222222;
stroke-width: 2px; stroke-width: 2px;
} }
.c42 { .c45 {
margin: 0 0.25rem 0 0.35rem; margin: 0 0.25rem 0 0.35rem;
height: 35%; height: 35%;
margin-left: 8px; margin-left: 8px;
} }
.c42 path { .c45 path {
stroke: #FFFFFF; stroke: #FFFFFF;
stroke-width: 2px; stroke-width: 2px;
} }
.c32 { .c35 {
margin: 0 0.25rem 0 0.25rem; margin: 0 0.25rem 0 0.25rem;
font-size: 20px; font-size: 20px;
font-weight: 535; font-weight: 535;
} }
.c23 { .c28 {
-webkit-filter: none; -webkit-filter: none;
filter: none; filter: none;
opacity: 1; opacity: 1;
...@@ -3558,7 +3654,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3558,7 +3654,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border: 1px solid #22222212; border: 1px solid #22222212;
} }
.c37 { .c40 {
border-radius: 12px; border-radius: 12px;
height: 40px; height: 40px;
width: 40px; width: 40px;
...@@ -3573,21 +3669,21 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3573,21 +3669,21 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
z-index: 2; z-index: 2;
} }
.c37:hover { .c40:hover {
cursor: pointer; cursor: pointer;
opacity: 0.8; opacity: 0.8;
} }
.c16 { .c21 {
height: 24px; height: 24px;
width: 24px; width: 24px;
} }
.c16 > * { .c21 > * {
fill: #7D7D7D; fill: #7D7D7D;
} }
.c14 { .c19 {
border: none; border: none;
background-color: transparent; background-color: transparent;
margin: 0; margin: 0;
...@@ -3596,19 +3692,35 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3596,19 +3692,35 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
outline: none; outline: none;
} }
.c14:not([disabled]):hover { .c19:not([disabled]):hover {
opacity: 0.7; opacity: 0.7;
} }
.c15 { .c20 {
padding: 6px 12px; padding: 6px 12px;
border-radius: 16px; border-radius: 16px;
} }
.c13 { .c18 {
position: relative; position: relative;
} }
.c17 {
color: #7D7D7D;
gap: 4px;
font-weight: 485;
}
.c17:focus {
-webkit-text-decoration: none;
text-decoration: none;
}
.c17:active {
-webkit-text-decoration: none;
text-decoration: none;
}
.c9 { .c9 {
margin-bottom: 10px; margin-bottom: 10px;
color: #7D7D7D; color: #7D7D7D;
...@@ -3619,7 +3731,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3619,7 +3731,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
gap: 16px; gap: 16px;
} }
.c38 { .c41 {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
...@@ -3636,7 +3748,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3636,7 +3748,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: 100%; height: 100%;
} }
.c17 { .c22 {
background-color: #F9F9F9; background-color: #F9F9F9;
border-radius: 16px; border-radius: 16px;
color: #7D7D7D; color: #7D7D7D;
...@@ -3648,7 +3760,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3648,7 +3760,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
position: relative; position: relative;
} }
.c17:before { .c22:before {
box-sizing: border-box; box-sizing: border-box;
background-size: 100%; background-size: 100%;
border-radius: inherit; border-radius: inherit;
...@@ -3662,15 +3774,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3662,15 +3774,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
border: 1px solid #F9F9F9; border: 1px solid #F9F9F9;
} }
.c17:hover:before { .c22:hover:before {
border-color: #98A1C014; border-color: #98A1C014;
} }
.c17:focus-within:before { .c22:focus-within:before {
border-color: #B8C0DC3d; border-color: #B8C0DC3d;
} }
.c40 { .c43 {
border-bottom: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
} }
...@@ -3697,7 +3809,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3697,7 +3809,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
overflow-x: hidden; overflow-x: hidden;
} }
.c47 { .c50 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3721,7 +3833,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3721,7 +3833,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: calc(100vh - 48px); height: calc(100vh - 48px);
} }
.c48 { .c51 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3742,7 +3854,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3742,7 +3854,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: calc(100vh - 48px); height: calc(100vh - 48px);
} }
.c49 { .c52 {
position: absolute; position: absolute;
top: 68px; top: 68px;
bottom: 0; bottom: 0;
...@@ -3755,7 +3867,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3755,7 +3867,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
height: 100%; height: 100%;
} }
.c50 { .c53 {
position: absolute; position: absolute;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -3783,11 +3895,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3783,11 +3895,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
pointer-events: none; pointer-events: none;
} }
.c50 * { .c53 * {
pointer-events: auto; pointer-events: auto;
} }
.c51 { .c54 {
color: transparent; color: transparent;
font-size: 36px; font-size: 36px;
line-height: 44px; line-height: 44px;
...@@ -3799,7 +3911,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3799,7 +3911,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
-webkit-background-clip: text; -webkit-background-clip: text;
} }
.c53 { .c56 {
color: #7D7D7D; color: #7D7D7D;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
...@@ -3809,7 +3921,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3809,7 +3921,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
margin: 0 0 32px; margin: 0 0 32px;
} }
.c52 { .c55 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3820,12 +3932,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3820,12 +3932,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
justify-content: center; justify-content: center;
} }
.c55 { .c58 {
padding: 16px 0px; padding: 16px 0px;
border-radius: 24px; border-radius: 24px;
} }
.c56 { .c59 {
background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%); background: linear-gradient(93.06deg,#ff00c7 2.66%,#ff9ffb 98.99%);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
...@@ -3833,24 +3945,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3833,24 +3945,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: all 250ms ease; transition: all 250ms ease;
} }
.c56:hover { .c59:hover {
box-shadow: 0px 0px 16px 0px #ff00c7; box-shadow: 0px 0px 16px 0px #ff00c7;
} }
.c57 { .c60 {
margin: 0px; margin: 0px;
font-size: 16px; font-size: 16px;
font-weight: 535; font-weight: 535;
white-space: nowrap; white-space: nowrap;
} }
.c54 { .c57 {
max-width: 300px; max-width: 300px;
width: 100%; width: 100%;
pointer-events: auto; pointer-events: auto;
} }
.c58 { .c61 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -3870,16 +3982,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3870,16 +3982,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
transition: 250ms ease opacity; transition: 250ms ease opacity;
} }
.c58:hover { .c61:hover {
opacity: 0.6; opacity: 0.6;
} }
.c59 { .c62 {
margin-left: 14px; margin-left: 14px;
size: 20px; size: 20px;
} }
.c61 { .c64 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3896,7 +4008,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3896,7 +4008,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%); background: linear-gradient(179.82deg,rgba(255,255,255,0) 0.16%,#eaeaea 99.85%);
} }
.c62 { .c65 {
display: grid; display: grid;
gap: 12px; gap: 12px;
width: 100%; width: 100%;
...@@ -3909,7 +4021,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3909,7 +4021,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.c69 { .c72 {
display: grid; display: grid;
gap: 12px; gap: 12px;
width: 100%; width: 100%;
...@@ -3963,7 +4075,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3963,7 +4075,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
width: 100%; width: 100%;
} }
.c60 { .c63 {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
...@@ -3979,12 +4091,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3979,12 +4091,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
text-align: center; text-align: center;
} }
.c60:hover { .c63:hover {
color: #CECECE; color: #CECECE;
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c81 { .c84 {
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
...@@ -3996,7 +4108,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -3996,7 +4108,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c83 { .c86 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -4005,75 +4117,75 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4005,75 +4117,75 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c98 { .c101 {
display: none; display: none;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c84 { .c87 {
display: block; display: block;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c91 { .c94 {
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px; gap: 24px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c92 { .c95 {
margin: 0; margin: 0;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c63 { .c66 {
height: 360px; height: 360px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c63 { .c66 {
padding: 32px; padding: 32px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c68 { .c71 {
height: 360px; height: 360px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c68 { .c71 {
padding: 32px; padding: 32px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c70 { .c73 {
height: 260px; height: 260px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c70 { .c73 {
padding: 32px; padding: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c65 { .c68 {
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c66 { .c69 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
max-width: 480px; max-width: 480px;
...@@ -4081,7 +4193,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4081,7 +4193,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c71 { .c74 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
max-width: 480px; max-width: 480px;
...@@ -4089,7 +4201,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4089,7 +4201,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c73 { .c76 {
height: 140px; height: 140px;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
...@@ -4098,21 +4210,21 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4098,21 +4210,21 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c75 { .c78 {
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
} }
@media screen and (min-width:1280px) { @media screen and (min-width:1280px) {
.c76 { .c79 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c77 { .c80 {
width: auto; width: auto;
} }
} }
...@@ -4130,79 +4242,79 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4130,79 +4242,79 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c47 { .c50 {
height: 100vh; height: 100vh;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c48 { .c51 {
height: 100vh; height: 100vh;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c51 { .c54 {
font-size: 48px; font-size: 48px;
line-height: 56px; line-height: 56px;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c51 { .c54 {
font-size: 64px; font-size: 64px;
line-height: 72px; line-height: 72px;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c53 { .c56 {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c57 { .c60 {
font-size: 20px; font-size: 20px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c58 { .c61 {
visibility: visible; visibility: visible;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.c61 { .c64 {
padding: 0 96px 5rem; padding: 0 96px 5rem;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c62 { .c65 {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c62 { .c65 {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:640px) { @media screen and (min-width:640px) {
.c69 { .c72 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32px; gap: 32px;
} }
} }
@media screen and (min-width:1024px) { @media screen and (min-width:1024px) {
.c69 { .c72 {
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
gap: 32px; gap: 32px;
} }
...@@ -4238,24 +4350,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4238,24 +4350,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
> >
Swap Swap
</div> </div>
<div
class="c13"
>
<div>
<button
class="c14 c15 c16 c17"
data-testid="buy-fiat-button"
>
Buy
</button>
</div>
</div>
</div> </div>
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<div <div
class="c13" class="c18"
> >
<button <button
aria-label="Transaction Settings" aria-label="Transaction Settings"
class="c14" class="c19"
data-testid="open-settings-dialog-button" data-testid="open-settings-dialog-button"
id="open-settings-dialog-button" id="open-settings-dialog-button"
> >
<div <div
class="c6 c7 c15" class="c6 c7 c20"
> >
<svg <svg
class="c16" class="c21"
fill="none" fill="none"
height="24" height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
...@@ -4276,28 +4400,28 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4276,28 +4400,28 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
style="display: relative;" style="display: relative;"
> >
<div <div
class="c17" class="c22"
> >
<div <div
class="c18" class="c23"
id="swap-currency-input" id="swap-currency-input"
> >
<div <div
class="c19" class="c24"
> >
<div <div
class="c20 css-142zc9n" class="c25 css-142zc9n"
style="user-select: none;" style="user-select: none;"
> >
You pay You pay
</div> </div>
<div <div
class="c21" class="c26"
> >
<input <input
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
class="c22 c23 token-amount-input" class="c27 c28 token-amount-input"
inputmode="decimal" inputmode="decimal"
maxlength="79" maxlength="79"
minlength="1" minlength="1"
...@@ -4309,36 +4433,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4309,36 +4433,36 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
/> />
<div> <div>
<button <button
class="c24 c25 c26 c27 open-currency-select-button" class="c14 c15 c29 c30 open-currency-select-button"
> >
<span <span
class="c28" class="c31"
> >
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<div <div
class="c29" class="c32"
style="height: 24px; width: 24px; margin-right: 2px;" style="height: 24px; width: 24px; margin-right: 2px;"
> >
<div <div
class="c30" class="c33"
> >
<img <img
alt="ETH logo" alt="ETH logo"
class="c31" class="c34"
src="ethereum-logo.png" src="ethereum-logo.png"
/> />
</div> </div>
</div> </div>
<span <span
class="c32 token-symbol-container" class="c35 token-symbol-container"
> >
ETH ETH
</span> </span>
</div> </div>
<svg <svg
class="c33" class="c36"
> >
dropdown.svg dropdown.svg
</svg> </svg>
...@@ -4347,13 +4471,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4347,13 +4471,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c34 c35" class="c37 c38"
> >
<div <div
class="c6 c7 c8" class="c6 c7 c8"
> >
<div <div
class="c36" class="c39"
/> />
<span /> <span />
</div> </div>
...@@ -4362,10 +4486,10 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4362,10 +4486,10 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c37" class="c40"
> >
<div <div
class="c38" class="c41"
color="#222222" color="#222222"
data-testid="swap-currency-button" data-testid="swap-currency-button"
> >
...@@ -4394,32 +4518,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4394,32 +4518,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c39" class="c42"
> >
<div> <div>
<div <div
class="c17 c40" class="c22 c43"
> >
<div <div
class="c18" class="c23"
id="swap-currency-output" id="swap-currency-output"
> >
<div <div
class="c19" class="c24"
> >
<div <div
class="c20 css-142zc9n" class="c25 css-142zc9n"
style="user-select: none;" style="user-select: none;"
> >
You receive You receive
</div> </div>
<div <div
class="c21" class="c26"
> >
<input <input
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
class="c22 c23 token-amount-input" class="c27 c28 token-amount-input"
inputmode="decimal" inputmode="decimal"
maxlength="79" maxlength="79"
minlength="1" minlength="1"
...@@ -4431,22 +4555,22 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4431,22 +4555,22 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
/> />
<div> <div>
<button <button
class="c24 c25 c26 c41 open-currency-select-button" class="c14 c15 c29 c44 open-currency-select-button"
> >
<span <span
class="c28" class="c31"
> >
<div <div
class="c6 c7 c10" class="c6 c7 c10"
> >
<span <span
class="c32 token-symbol-container" class="c35 token-symbol-container"
> >
Select token Select token
</span> </span>
</div> </div>
<svg <svg
class="c42" class="c45"
> >
dropdown.svg dropdown.svg
</svg> </svg>
...@@ -4455,13 +4579,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4455,13 +4579,13 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c34 c35" class="c37 c38"
> >
<div <div
class="c6 c7 c8" class="c6 c7 c8"
> >
<div <div
class="c36" class="c39"
/> />
<span /> <span />
</div> </div>
...@@ -4472,11 +4596,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4472,11 +4596,11 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
<div> <div>
<button <button
class="c43 c25 c44" class="c46 c15 c47"
font-weight="535" font-weight="535"
> >
<div <div
class="c45 c46" class="c48 c49"
/> />
Connect Wallet Connect Wallet
</button> </button>
...@@ -4487,52 +4611,52 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4487,52 +4611,52 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c47" class="c50"
/> />
<div <div
class="c48" class="c51"
> >
<div <div
class="c49" class="c52"
/> />
</div> </div>
<div <div
class="c50" class="c53"
> >
<h1 <h1
class="c51" class="c54"
> >
Trade crypto and NFTs with confidence Trade crypto and NFTs with confidence
</h1> </h1>
<div <div
class="c52" class="c55"
> >
<div <div
class="c53" class="c56"
> >
Buy, sell, and explore tokens and NFTs Buy, sell, and explore tokens and NFTs
</div> </div>
</div> </div>
<span <span
class="c54" class="c57"
> >
<a <a
class="c2 c25 c55 c56" class="c2 c15 c58 c59"
href="#/swap" href="#/swap"
> >
<p <p
class="c57" class="c60"
> >
Get started Get started
</p> </p>
</a> </a>
</span> </span>
<div <div
class="c58" class="c61"
> >
Learn more Learn more
<svg <svg
class="c59" class="c62"
fill="none" fill="none"
height="24" height="24"
stroke="currentColor" stroke="currentColor"
...@@ -4560,7 +4684,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4560,7 +4684,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg> </svg>
</div> </div>
<a <a
class="c60" class="c63"
href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1" href="https://wallet.uniswap.org/?utm_source=home_page&utm_medium=webapp&utm_campaign=wallet_microsite&utm_id=1"
> >
<svg <svg
...@@ -4577,32 +4701,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4577,32 +4701,32 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c61" class="c64"
> >
<div <div
class="c62" class="c65"
cols="2" cols="2"
> >
<a <a
class="c63" class="c66"
href="#/swap" href="#/swap"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Swap tokens Swap tokens
</div> </div>
</div> </div>
<div <div
class="c66" class="c69"
type="Primary" type="Primary"
> >
Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more. Buy, sell, and explore tokens on Ethereum, Polygon, Optimism, and more.
<div <div
class="c66 c67" class="c69 c70"
type="Primary" type="Primary"
> >
Trade Tokens Trade Tokens
...@@ -4610,25 +4734,25 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4610,25 +4734,25 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</a> </a>
<a <a
class="c68" class="c71"
href="#/nfts" href="#/nfts"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Trade NFTs Trade NFTs
</div> </div>
</div> </div>
<div <div
class="c66" class="c69"
type="Primary" type="Primary"
> >
Buy and sell NFTs across marketplaces to find more listings at better prices. Buy and sell NFTs across marketplaces to find more listings at better prices.
<div <div
class="c66 c67" class="c69 c70"
type="Primary" type="Primary"
> >
Explore NFTs Explore NFTs
...@@ -4637,20 +4761,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4637,20 +4761,20 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c69" class="c72"
cols="3" cols="3"
> >
<a <a
class="c70" class="c73"
href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-" href="https://support.uniswap.org/hc/en-us/articles/11306574799117-How-to-use-Moon-Pay-on-the-Uniswap-web-app-"
rel="noopenener noreferrer" rel="noopenener noreferrer"
target="_blank" target="_blank"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Buy crypto Buy crypto
</div> </div>
...@@ -4677,12 +4801,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4677,12 +4801,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg> </svg>
</div> </div>
<div <div
class="c71" class="c74"
type="Secondary" type="Secondary"
> >
Buy crypto with your credit card or bank account at the best rates. Buy crypto with your credit card or bank account at the best rates.
<div <div
class="c71 c67" class="c74 c70"
type="Secondary" type="Secondary"
> >
Buy now Buy now
...@@ -4690,30 +4814,30 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4690,30 +4814,30 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</a> </a>
<a <a
class="c70" class="c73"
href="#/pools" href="#/pools"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Earn Earn
</div> </div>
<img <img
alt="Analytics" alt="Analytics"
class="c72" class="c75"
src="aboutArrowLight.png" src="aboutArrowLight.png"
/> />
</div> </div>
<div <div
class="c71" class="c74"
type="Secondary" type="Secondary"
> >
Provide liquidity to pools on Uniswap and earn fees on swaps. Provide liquidity to pools on Uniswap and earn fees on swaps.
<div <div
class="c71 c67" class="c74 c70"
type="Secondary" type="Secondary"
> >
Provide liquidity Provide liquidity
...@@ -4721,16 +4845,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4721,16 +4845,16 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</a> </a>
<a <a
class="c70" class="c73"
href="https://docs.uniswap.org" href="https://docs.uniswap.org"
rel="noopenener noreferrer" rel="noopenener noreferrer"
target="_blank" target="_blank"
> >
<div <div
class="c64" class="c67"
> >
<div <div
class="c65" class="c68"
> >
Build dApps Build dApps
</div> </div>
...@@ -4757,12 +4881,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4757,12 +4881,12 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</svg> </svg>
</div> </div>
<div <div
class="c71" class="c74"
type="Secondary" type="Secondary"
> >
Build apps and tools on the largest DeFi protocol on Ethereum. Build apps and tools on the largest DeFi protocol on Ethereum.
<div <div
class="c71 c67" class="c74 c70"
type="Secondary" type="Secondary"
> >
Developer docs Developer docs
...@@ -4771,27 +4895,27 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4771,27 +4895,27 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c73" class="c76"
> >
<div <div
class="c74" class="c77"
> >
<div <div
class="c75" class="c78"
> >
Powered by the Uniswap Protocol Powered by the Uniswap Protocol
</div> </div>
<div <div
class="c76" class="c79"
> >
The leading decentralized crypto trading protocol, governed by a global community. The leading decentralized crypto trading protocol, governed by a global community.
</div> </div>
</div> </div>
<div <div
class="c77" class="c80"
> >
<a <a
class="c78 c79 c80" class="c81 c82 c83"
href="https://uniswap.org" href="https://uniswap.org"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4802,53 +4926,53 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4802,53 +4926,53 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c81" class="c84"
> >
<div <div
class="c82 c83" class="c85 c86"
> >
<img <img
alt="Uniswap Logo" alt="Uniswap Logo"
class="c84" class="c87"
src="unicornEmbossLight.png" src="unicornEmbossLight.png"
/> />
<div <div
class="c85" class="c88"
> >
<a <a
class="c86" class="c89"
href="https://discord.gg/FCfyBSbCU5" href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c87" class="c90"
size="32" size="32"
> >
discord.svg discord.svg
</svg> </svg>
</a> </a>
<a <a
class="c86" class="c89"
href="https://twitter.com/uniswap" href="https://twitter.com/uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c88" class="c91"
size="32" size="32"
> >
twitter-safe.svg twitter-safe.svg
</svg> </svg>
</a> </a>
<a <a
class="c86" class="c89"
href="https://github.com/Uniswap" href="https://github.com/Uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c89" class="c92"
size="32" size="32"
> >
github.svg github.svg
...@@ -4856,7 +4980,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4856,7 +4980,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<span <span
class="c90" class="c93"
> >
© ©
2023 2023
...@@ -4864,51 +4988,51 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4864,51 +4988,51 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</span> </span>
</div> </div>
<div <div
class="c91" class="c94"
> >
<div <div
class="c92" class="c95"
> >
<span <span
class="c93" class="c96"
> >
App App
</span> </span>
<a <a
class="c94 c95" class="c97 c98"
href="#/swap" href="#/swap"
> >
Swap Swap
</a> </a>
<a <a
class="c94 c95" class="c97 c98"
href="#/tokens" href="#/tokens"
> >
Tokens Tokens
</a> </a>
<a <a
class="c94 c95" class="c97 c98"
href="#/nfts" href="#/nfts"
> >
NFTs NFTs
</a> </a>
<a <a
class="c94 c95" class="c97 c98"
href="#/pools" href="#/pools"
> >
Pools Pools
</a> </a>
</div> </div>
<div <div
class="c92" class="c95"
> >
<span <span
class="c93" class="c96"
> >
Protocol Protocol
</span> </span>
<a <a
class="c96 c97" class="c99 c100"
href="https://uniswap.org/community" href="https://uniswap.org/community"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4916,7 +5040,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4916,7 +5040,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Community Community
</a> </a>
<a <a
class="c96 c97" class="c99 c100"
href="https://uniswap.org/governance" href="https://uniswap.org/governance"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4924,7 +5048,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4924,7 +5048,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Governance Governance
</a> </a>
<a <a
class="c96 c97" class="c99 c100"
href="https://uniswap.org/developers" href="https://uniswap.org/developers"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4933,15 +5057,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4933,15 +5057,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c92" class="c95"
> >
<span <span
class="c93" class="c96"
> >
Company Company
</span> </span>
<a <a
class="c96 c97" class="c99 c100"
href="https://boards.greenhouse.io/uniswaplabs" href="https://boards.greenhouse.io/uniswaplabs"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4949,7 +5073,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4949,7 +5073,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Careers Careers
</a> </a>
<a <a
class="c96 c97" class="c99 c100"
href="https://uniswap.org/blog" href="https://uniswap.org/blog"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4958,15 +5082,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4958,15 +5082,15 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<div <div
class="c92" class="c95"
> >
<span <span
class="c93" class="c96"
> >
Get Help Get Help
</span> </span>
<a <a
class="c96 c97" class="c99 c100"
href="https://support.uniswap.org/hc/en-us/requests/new" href="https://support.uniswap.org/hc/en-us/requests/new"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4974,7 +5098,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4974,7 +5098,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
Contact Us Contact Us
</a> </a>
<a <a
class="c96 c97" class="c99 c100"
href="https://support.uniswap.org/hc/en-us" href="https://support.uniswap.org/hc/en-us"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
...@@ -4984,50 +5108,50 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -4984,50 +5108,50 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</div> </div>
</div> </div>
<div <div
class="c82 c98" class="c85 c101"
> >
<img <img
alt="Uniswap Logo" alt="Uniswap Logo"
class="c84" class="c87"
src="unicornEmbossLight.png" src="unicornEmbossLight.png"
/> />
<div <div
class="c85" class="c88"
> >
<a <a
class="c86" class="c89"
href="https://discord.gg/FCfyBSbCU5" href="https://discord.gg/FCfyBSbCU5"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c87" class="c90"
size="32" size="32"
> >
discord.svg discord.svg
</svg> </svg>
</a> </a>
<a <a
class="c86" class="c89"
href="https://twitter.com/uniswap" href="https://twitter.com/uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c88" class="c91"
size="32" size="32"
> >
twitter-safe.svg twitter-safe.svg
</svg> </svg>
</a> </a>
<a <a
class="c86" class="c89"
href="https://github.com/Uniswap" href="https://github.com/Uniswap"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
<svg <svg
class="c89" class="c92"
size="32" size="32"
> >
github.svg github.svg
...@@ -5035,7 +5159,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = ` ...@@ -5035,7 +5159,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
</a> </a>
</div> </div>
<span <span
class="c90" class="c93"
> >
© ©
2023 2023
......
src/state/routing/slice.ts
View file @ 366f4d98
...@@ -128,15 +128,7 @@ export const routingApi = createApi({ ...@@ -128,15 +128,7 @@ export const routingApi = createApi({
if (shouldUseAPIRouter(args)) { if (shouldUseAPIRouter(args)) {
fellBack = true fellBack = true
try { try {
const { const { tokenInAddress, tokenInChainId, tokenOutAddress, tokenOutChainId, amount, tradeType } = args
tokenInAddress,
tokenInChainId,
tokenOutAddress,
tokenOutChainId,
amount,
tradeType,
forceUniswapXOn,
} = args
const type = isExactInput(tradeType) ? 'EXACT_INPUT' : 'EXACT_OUTPUT' const type = isExactInput(tradeType) ? 'EXACT_INPUT' : 'EXACT_OUTPUT'
const requestBody = { const requestBody = {
...@@ -146,8 +138,6 @@ export const routingApi = createApi({ ...@@ -146,8 +138,6 @@ export const routingApi = createApi({
tokenOut: tokenOutAddress, tokenOut: tokenOutAddress,
amount, amount,
type, type,
// if forceUniswapXOn is not ON, then use the backend's default value
useUniswapX: forceUniswapXOn || undefined,
configs: getRoutingAPIConfig(args), configs: getRoutingAPIConfig(args),
} }
......
src/state/routing/types.ts
View file @ 366f4d98
...@@ -46,7 +46,6 @@ export interface GetQuoteArgs { ...@@ -46,7 +46,6 @@ export interface GetQuoteArgs {
uniswapXForceSyntheticQuotes: boolean uniswapXForceSyntheticQuotes: boolean
uniswapXEthOutputEnabled: boolean uniswapXEthOutputEnabled: boolean
uniswapXExactOutputEnabled: boolean uniswapXExactOutputEnabled: boolean
forceUniswapXOn: boolean
userDisabledUniswapX: boolean userDisabledUniswapX: boolean
fotAdjustmentsEnabled: boolean fotAdjustmentsEnabled: boolean
} }
......
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