fix: add on-chain identity after destination address

[jbienesdev]

Thank you for your contribution to the KodaDot NFT gallery.

👇 _ Do a quick check before the merge.

PR type

• Bugfix
• Feature
• Refactoring

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried respect high code quality standards
• I've didn't break any original functionality
• I've posted screenshot of demonstrated change in this PR

Optional

• I've tested it at /transfer
• I've tested PR on mobile and everything works
• I found edge cases

What's new?

• PR closes Show on-chain identity for destination address in transfer #1317
• Added the receiver's on-chain identity after the destination address

Had issue bounty label ?

• Fill up your KSM address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot

• My fix has changed something on UI, a screenshot for others, is best to understand changes.

---

Receiver with on-chain identity

Receiver without on-chain identity

[netlify]

✔️ Deploy Preview for koda-nuxt ready!

🔨 Explore the source changes: 8e73505

🔍 Inspect the deploy log: https://app.netlify.com/sites/koda-nuxt/deploys/61adb02289e9dd000750f53a

😎 Browse the preview: https://deploy-preview-1396--koda-nuxt.netlify.app

[yangwao]

LGTM, yet I'm thinking about the state till resolving finishes.
To tell the user if it's fetching identity so can be sure there is no identity of the destination address.

Do you have an idea how to do that?

[jbienesdev]

@yangwao we can add the infinity loader that we're using while it's still fetching the identity.

This is how it would look like with the loader (added a setTimeout for it to be noticeable)

Address with on-chain identity

screencast.2021-12-06.14-23-37.mp4

Address without on-chain identity

screencast.2021-12-06.14-24-22.mp4

Also, I added a new prop showOnchainIdentity so that other components that uses <Identity /> will not be affected. What do you think?

[yangwao]

yeah works for me!

[yangwao]

@jbienesdev I love emphasis on detial, here goes payout! https://kusama.subscan.io/extrinsic/0x08db70546ab386cbe844f4fbf98f979e219eae00765eb68a64300abb3db5f9bc

Let's chop on another issues

🌳🌳🌳 🪓 🪵

[jbienesdev]

Received. Thanks! 🚀