feat: add dynamic swap page #1575
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Test results (3/4)
Details
|
Test results (4/4)
Details
|
Test results (2/4)
Details
Skipped testschromium › e2e.spec.ts › Jumper full e2e flow › Should be able to open quests mission page and switch background color |
Test results (1/4)
Details
Skipped testschromium › e2e.spec.ts › Jumper full e2e flow › Should be able to navigate to profile and open first Mission |
|
@tcheee
--> ToToken: We could potentially filter for a specific token name and only return USDT/USDC or somewhat. What do you prefer? |
|
Todos:
|
|
|
||
| const openGraph: Metadata['openGraph'] = { | ||
| title: title, | ||
| description: `Jumper offers the best way to swap tokenA to tokenB on ${sourceChain?.name} with the fastest speeds, lowest costs, and most secure swap providers available.`, |
There was a problem hiding this comment.
should be "to swap tokens on"
| import { getSiteUrl } from '@/const/urls'; | ||
|
|
||
| //Optimized function to generate ordered bridge pairs (tokens from different chains) | ||
| const generateBridgeOrderedPairs = (tokens: Token[]) => { |
| coins.filter((c) => availableChainsId.includes(c.chainId)) as Token[], | ||
| ); | ||
|
|
||
| // Split the ordered array into chunks of 50,000 |
There was a problem hiding this comment.
we should have only 32 (or something like this) page now?
| const orderedChunks = ordered.slice(start, end); | ||
|
|
||
| const routes = orderedChunks.map(([a, b]) => ({ | ||
| url: `${getSiteUrl()}/bridge/${`${getChainById(chains, a.chainId)?.name}-${a.symbol}-to-${getChainById(chains, b.chainId)?.name}-${b.symbol}`.toLowerCase()}`, |
There was a problem hiding this comment.
not good, seems to have bee copied without adaptation from the bridge
|
|
||
| const BridgeExplanationSection = () => { | ||
| return ( | ||
| <BridgePageContainer> | ||
| <SeoPageContainer> |
There was a problem hiding this comment.
call is TokenSwap or something like this
| @@ -17,7 +17,13 @@ export function buildExplorerLink( | |||
| color="text.primary" | |||
| component={Link} | |||
| target="_blank" | |||
| href={`${blockExplorerUrls[0]}/tokens/${address}`} | |||
| href={`${blockExplorerUrls[0]}tokens/${address}`} // todo: on OP it needs to be "token/..." | |||
| destinationToken?: Token; | ||
| } | ||
|
|
||
| const BridgePage = ({ |
| ); | ||
| } | ||
|
|
||
| export function getChainInfoData(chainInfo: ExtendedChain) { |
There was a problem hiding this comment.
can't we reuse the function from the "/bridge" page ?
| el.attributes.Answer as unknown as BlocksProps[], | ||
| ); | ||
| const text = el.Answer; | ||
| // used for data from strapi --> |
| import type { BoxProps } from '@mui/system'; | ||
| import { Box, styled } from '@mui/system'; | ||
|
|
||
| export const SeoPageContainer = styled(Box)<BoxProps>(({ theme }) => ({ |
There was a problem hiding this comment.
to rename to "SwapPageContainer"
Ticket: https://lifi.atlassian.net/browse/LF-11128