Update how bounty amount displays

[GTChase]

User Story: As a contributor I want to see the value of the amount in USD when pegged to USD So that i get an accurate representation of the payout for any given bounty

Acceptance Criteria

Displaying bounty amount pegged in USD GIVEN i am on Gitcoin.co AND there is a bounty created pegged to USD WHEN i navigate to the bounty explorer OR view the details page of a bounty pegged to USD THEN all bounties that are pegged to USD should display as: [fixed amount of USD entered on bounty creation] USD in [payout token symbol selected on bounty creation] Example: 500 USD in ETH AND this same behavior should be reflected on the Bounty details page

Displaying bounty amount pegged to native token GIVEN i am on Gitcoin.co AND there is a bounty created pegged to USD WHEN i navigate to the bounty explorer OR view the details page of a bounty pegged to a native token THEN the bounty payout amount will display as ([Amount of native token entered] ETH) ([converted amount of token at that time] USD), the first value is fixed and second value is variable Example (2 ETH) (6,000 USD)

Product & Design Links: https://www.figma.com/file/8AFLrc4dx9xnMXUkWOAaAR/Existing-Bounties-Updates?node-id=123%3A622

Open Questions:

• how do we want this to look when pegged to Native token? answered in AC

Notes/Assumptions:

[GTChase]

I cannot test this currently because i cannot load the bounty explorer at all..

@nutrina

[willsputra]

http://gitcoin-review-10409-a81235f-1873182368.us-west-2.elb.amazonaws.com/issue/4

this shows up as "10.00 USD true" on the bounty explorer

[nutrina]

This has been fixed, needs to be deployed to review

[nutrina]

This has been deployed

[willsputra]

lgtm!

[GTChase]

Displaying bounty amount pegged to native token - this AC scenario needs a few minor tweaks..

• On the bounty explorer it doesnt display an amount at all when it is pegged to a native token.. Please show it as: THEN the bounty payout amount will display as ([Amount of native token entered] ETH) ([converted amount of token at that time] USD), the first value is fixed and second value is variable Example (2 ETH) (6,000 USD)
• On the details page, it displays it like it does when pegged in USD which makes it really confusing for the user.. Please show it as: THEN the bounty payout amount will display as ([Amount of native token entered] ETH) ([converted amount of token at that time] USD), the first value is fixed and second value is variable Example (2 ETH) (6,000 USD)

cc. @nutrina moving back to todo to fix these two issues.

[nutrina]

@GTChase regarding your first point, this is due to the fact that the amounts are very small. This is the same behaviour in production at the moment:

[nutrina]

Regarding the 2nd point, we should discuss this in the standup

[nutrina]

Regarding the 2nd point, this looks good to me:

[GTChase]

This looks good now!