Feature/claim card votes

[victorgdev]

What issue does this PR close

Closes #559

Changes Proposed ( a list of new changes introduced by this PR)

Implements voting status bar to the claim card

How to test ( a list of instructions on how to test this PR)

• Go to /dashboard or /dashboard/analysis or profile/<username>/claims
• See claim cards

[victorgdev]

@lucca65 need your input, how should we go about the following issues:

• Claims that have 7 or 9 verifiers have bad text-behavior on the vote type and number.

• There are some questions about the Figma design wanted to share:
  • Two options for pending votes title (Pending and Left) - Currently using Pending text
  • Gray color of the bar there are two versions (lighter and darker) - Currently using the lighter color
  • Day count of claim was available in one card and not the other (if newClaim then EMPTY else dayCount)? - Yet to be implemented

[henriquecbuss]

@juramos-2020 might want to see this as well ☝️

[juramos-2020]

Hi @victorgdev

I updated de figma

Two options for pending votes title (Pending and Left) - Currently using Pending text

You can use "Pending"

Gray color of the bar there are two versions (lighter and darker) - Currently using the lighter color

I correct the shade of gray that was in a bar. I'am using one gray colo to progress bar and other to text.

Day count of claim was available in one card and not the other (if newClaim then EMPTY else dayCount)? - Yet to be implemented

I updated too. 😉👍

[victorgdev]

@juramos-2020 we still have one problem to solve, which is for claims that have 7 or 9 verifiers (first and second cards in the photo below) there is bad positioning behavior on the vote type and number of votes. Can you help us on how to go about it?

[lucca65]

i would always hide the votes and show the text only on hover or click on the mobile

keep the numbers tho

the colors are super self explanatory

[henriquecbuss]

📊

[lucca65]

bro can you change one translation, please?

There is a pt-BR error here:

the correct one is "Analisadas"

Its also looking weird on the modal, check this out:

It would be nice to have a little margin button after the content of the modal is done:

And lastly, there is one thing that is bothering me... when the claim is approved, we no longer have the tag to say if it was rejected, approved. We still have the filter for "pending" but still its weird to read a "PENDING" text and the claim was actually approved.

What do you folks think about us adding a full bar when its completed? can be full green and the pending can keep disappear

@victorgdev @juramos-2020 lets do a quick call if needed to discuss this, I think we are, again, running in circles

[victorgdev]

Just for recap, @lucca65 and @juramos-2020 here are the discussed changes to the designs on this feature:

- Voting bar:
IF claim status != pending, then

• Voting bar will be fully colored, green for approved and red for disapproved status.
• Claim status name will be placed top right above the voting bar
• #votes and vote text will placed bottom right below the voting bar

ELSE
Remains as is

- Claim Modal and Detail page:

• Remove status subtitles

- Last Change Requests:

• BR Translation change (Analisadas)
• mb increase on modal content

[juramos-2020]

Have the changes already been made?

I did a test now and it's all right with the progress bar in the card and modal.

[lucca65]

sweet! 🍬 ✨

[victorgdev]

Hi @juramos-2020, yes the requested changes are done.