#457 Adding tip in user profile

[prachi00]

Thank you for your contribution to the KodaDot NFT gallery.
Let's do a quick check before the merge.
Your contribution will be an eternal part of the community codebase.

PR type

• Bugfix
• Feature
• Refactoring

Before submitting this PR, please make sure:

• Code builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've didn't break any original functionality
• I've posted screenshot of demonstrated change in this PR

Optional

• I've tested it on mobile and everything works
• I found edge cases

What's new? (may be part of changelog)

• This PR closes Add tip jar on user profile  #457
  I have added a 'Gift 10$' button in artist's profile and on clicking that I take them to /transfer with values pre filled. I have also added profile information for artist so the user knows who he is paying.

If issue had bounty label ($,$$,$$$)

• Fill up your KSM address:
  https://kodadot.xyz/transfer/?target=EzGc4s9PgCPx1YnF3fqzhLzVHpHMTL4LWPScwpDrR8JKgSU

Community participation

• Are you at KodaDot Discord? If not yet, let's join us - https://discord.gg/35hzy2dXXh

Screenshot

• Whenever my fix has changed something on UI, a screenshot for others, is more than welcome

[yangwao]

I would probably put in way, so it's in same place everytime

I would change it to "Sent for Sign"

After being sent, it generated a link to https://kusama.subscan.io/extrinsic/0xff78499a69e974943f47c009d2b9718f489bc5e631b6a0ae8f99ec7c6817c184

Where right link to extrinsic is https://kusama.subscan.io/extrinsic/0x8f7580c1dc34d6cf300f1e645d9af74b8f0864de6c8b48a3300ebacbf90a9ef6

Otherwise good experience, I would note down to tell the user in something like
"Congratulations for supporting <artist_name>, now let's tweet about it" with link to help construct a tweet with transactions inside for example to drive engagement

[yangwao]

@prachi00 let's finish this so we can push it to production :)

[prachi00]

@yangwao for the transaction extrinsic being wrong we have to implement #755 first, so until that is done we should not add tweet text afterwards as it would link to the wrong subscan url.
Two issues I have resolved that you mentioned, other than the ones related to transaction extrinsic.

[prachi00]

@yangwao I have finished this and updated the screenshot as well. Do let me know if you want to change the copy of buttons and the tweet, if they don't seem fine.

[yangwao]

👀 Can we avoid force-push please? 🙄

@yangwao I have finished this and updated the screenshot as well. Do let me know if you want to change the copy of buttons and the tweet, if they don't seem fine.

Let me test it!

I guess I would try to make text stand out a bit from there

Current text there

I just helped a really cool artist by donating. Check it out here:

I would put there

I've just helped a really cool creator by donating. Check my donation proof: via @kodadot

[prachi00]

@yangwao Have done the text changes mentioned

d

[yangwao]

let me put it live, seems there might be something missing, but 80% good, we can tune it later! 😄

Thanks @roiLeo for the review! :) Really appreciated!