Update to Giveth QF UX to simplify estimated matching

[laurenluz]

We have put extensive hours into improving the estimated matching to accomodate Cluster Matching, but have found it too problematic.

To solve the problem of project owners' complaints around inaccurate estimated matching, we should remove the calculations from project view, and keep estimations only on the individual donations. This requires design changes, outlined below.

1. Project card (NEEDS DESIGN)

• remove estimated matching number
• keep "amount raised in the round"
• keep "total raised"
• keep qf round badge
• add "unique donors in the round" or "raised from x contributors in this round"

2. Project details page (NEEDS DESIGN)

• remove the big estimated matching number (for the project), but keep the estimations box, amount raised & contributors

3. Project details page donations tab

• We have different conditions for this thing, aka:
  a. During the active QF round (past the "start time" and before the "end time") (NEEDS DESIGN)
• Here we should remove the estimated matching number, and just show the number of contributors and the amount raised so far.

b. Following the QF round, but before funds are distributed (NO CHANGE)

• Here we should show a placeholder for the estimated matching number, a "pending" value, similar to what we have currently in the design.

c. Folliowing the QF round, after funds are distributed and in the backend (NO CHANGE)

• Here we should keep what we have currently... show the actual number for matching and the tx link.

4. Donate page (NO CHANGE)

[mosaeedi]

Here are the designs
Figma link

[laurenluz]

@mosaeedi a couple of small comments in here before this is ready to move to dev. can you have a look?

[laurenluz]

Acceptance Criteria

• On the /projects page /qf page and anywhere else the project card appears (e.g. "similar projects", "newly verified" etc.) for a project in a QF round (that is past the start time and before the end time), the card should look like this
  
  

• For projects not in an active and live QF round, the project card looks like this:
  
  

Project cards link to figma

On the project details page:

• Top box link to figma for projects in an active QF round (during the QF round period):
  

• On the "donations" tab, QF round subtab, link to figma for projects in an active QF round (during the QF round period):
  

No change on other conditions including:

• The "donations" tab, QF round subtab, for projects that were in an active QF round, that is now over, but funds have not yet been sent (i.e. tx has not yet been added to the backend)
• The "donations tab", QF round subtab, for projects that were in an active QF round that is now over, after funds have been distributed for the round and tx added to the backend.
• Donate page during a QF round
• Project details page for projects in QF rounds

[divine-comedian]

@LatifatAbdullahi - are you able to QA this issue?

Lauren has provided the AC here -> #4977 (comment)

[LatifatAbdullahi]

Test update

PROJECT CARD

• Remove estimated matching number - Pass
• Keep "amount raised in the round" - Pass
• Keep "total raised" - Pass
• Keep Qf round badge - Pass
• Add "unique donors in the round" or "raised from x contributors in this round" - Pass

PROJECT DETAILS PAGE

• Remove the big estimated matching number (for the project), but keep the estimations box, amount raised & contributors - Pass

PROJECT DEATAILS PAGE DONATIONS TAB

a. During the active QF round (past the "start time" and before the "end time")

• Here we should remove the estimated matching number, and just show the number of contributors and the amount raised so far - Pass
  b. Following the QF round, but before funds are distributed (NO CHANGE)

• Here we should show a placeholder for the estimated matching number, a "pending" value, similar to what we have currently in the design - Pass
  c. Following the QF round, after funds are distributed and in the backend (NO CHANGE)

• Here we should keep what we have currently... show the actual number for matching and the tx link - Pass
  d. Donate page (NO CHANGE) - Pass

• On the /projects page /qf page and anywhere else the project card appears (e.g. "similar projects", "newly verified" etc.) for a project in a QF round (that is past the start time and before the end time), the card should look like as displayed in the AC - Pass

• For projects not in an active and live QF round, the project card looks like as displayed in the AC - Pass

[LatifatAbdullahi]

@kkatusic

The status "Vouched"/"Verified" and "Givback" are all displayed in CAPs on the App but not in the designs.

[LatifatAbdullahi]

Thanks @kkatusic it is fixed now