✨ swap page landing

[roiLeo]

• closes Create Swap Page #11128
• /:prefix/swap

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	ee70ff5
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/67551ab734746c000801e467
😎 Deploy Preview	https://deploy-preview-11163--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hassnian]

nice!

@roiLeo I see that the pr does not close the issue, do you want to finish it ? otherwise I can take over.

can you

• use translation keys for all words
• limit this page to only assethub inside redirect.global using getPermissionRouteCondition -> permission.config.ts
• if you are not logged this should be a button (I guess like the transfer page)
  

[roiLeo]

I see that the pr does not close the issue, do you want to finish it ? otherwise I can take over.

Yea it's WIP, feel free to take it if you need to ship it faster

use translation keys for all words

yes, that would be ideal

limit this page to only assethub inside redirect.global using getPermissionRouteCondition -> permission.config.ts
if you are not logged this should be a button (I guess like the transfer page)

noted! ty

[roiLeo]

@hassnian any way to split the work? so we don't erase each other stuff
like someone handle the logic, any other step or maybe you want full control?

[hassnian]

@hassnian any way to split the work? so we don't erase each other stuff like someone handle the logic, any other step or maybe you want full control?

yeah it's gonna be hard since its a lot of new code, I'll let you finish it. I can work on something else in the meantime

[vikiival]

Well how swap works:

• you take your NFT
• you select nft you want
• call same call as offer :P

So my recommendation is that one can start with item detail:

• create button, or add swap for another in the more select

The Swap page (cc @exezbcz):
On one side is your nft
on the other is either desired nft or considered collection

It means if desired on the indexer is null you want nft from particular collection

Future
You can additionally add surcharge which https://github.com/kodadot/stick/blob/39ac052e60cc0b9c03ca1d3e23cb6c3f869e5822/schema.graphql#L244

You can either send or receive

[vikiival]

However I like also your idea to invite a "conter-party" so you can easily look for "his/hers" nfts

[hassnian]

I'm removing myslef and asking @preschian for a review since there's a lot of my code on this pr

[preschian]

lgtm

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[hassnian]

@vikiival ready to merge

[vikiival]

I Can confirm that implementation works.
tried 1-1

Small improvements:

• There is no way (or I havent found) how to get to the /swap page
• after success app should take you to your profile / swaps / outgoing - currently it redirects you to /swaps

[hassnian]

I Can confirm that implementation works. tried 1-1

Small improvements:

• There is no way (or I havent found) how to get to the /swap page

yep also noticed that #11216

• after success app should take you to your profile / swaps / outgoing - currently it redirects you to /swaps

sure, let's do it in a follow up since the code has been tested and also reviewed