Update brand vis - Githubissues

ironng commented 4 years ago

Re-skins the dApp to match the latest branding.

This PR includes:

Color swaps - (removes colors and subs them with the black and white scheme)
Updates to the footer
Pulse animation update (pulses between gray and black)
New tbtc logo animation (implemented as a lottie animation) for the deposit "Congratulations" step
New CopyAddressField component extracted from the Pay component, so we could reuse it on Congratulations
New tbtc reducer to store the chainId and btcNetwork from the tbtc config
New QR code style (revealed on CopyAddressField hover) on the Pay component view
New global warning message style

TODO:
[x] Last tweaks to tbtc logo / spiral animation on Congrats view
[x] Review redemption flow again to double check if any other style tweaks are needed there
[x] Fix view your transaction button on redemption congrats view?

Screenshots

Click to reveal

![FireShot Capture 064 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721831-f390c280-c76b-11ea-8766-21ee76c91718.png) ![FireShot Capture 065 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721808-e70c6a00-c76b-11ea-8c8a-9afb68428ad1.png) ![FireShot Capture 067 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721851-fa1f3a00-c76b-11ea-8f84-b37b6d614d2b.png) ![FireShot Capture 068 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721869-ff7c8480-c76b-11ea-9b43-4d4eeed8f1a7.png) ![FireShot Capture 069 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721873-04413880-c76c-11ea-8ebc-0d83b5b5a162.png) ![FireShot Capture 070 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721885-086d5600-c76c-11ea-98e8-2144f51a7a56.png) ![FireShot Capture 071 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721895-0c00dd00-c76c-11ea-8137-6a5bfd86a750.png) ![FireShot Capture 072 - tBTC - localhost](https://user-images.githubusercontent.com/1986137/87721909-102cfa80-c76c-11ea-8b72-7b6d86d0a0c6.png)

Closes #217 Closes #207 Closes #256

ironng commented 4 years ago

Moving back to draft just to quickly add #256

mhluongo commented 4 years ago

Unassigned @Shadowfiend - trying to get out of the habit of "force assigning" folks and instead have them take it themselves.

Plus I think you just want a review :)

Shadowfiend commented 4 years ago

I've actually been using assignment to track my stuff so I don't have to combine 2-3 queries :grimacing:

mhluongo commented 4 years ago

🤦‍♂️

keep-network / tbtc-dapp

Update brand vis #264

New global warning message style

Screenshots