search

Giveth / DeVouch-FE

Front-end repository of the DeVouch project
https://de-vouch-fe-givethio.vercel.app
GNU General Public License v3.0
24 stars 2 forks source link

Handle filter and attestation flow when user does not belong to any attester org #157

Closed divine-comedian closed 2 months ago

divine-comedian commented 2 months ago

We'll need to handle the front-end when a connected user does not belong to any attester org issues an attestation or wants to filter by these "No Affiliation" attestations. "No Affiliation" attester and attestations will be treated as a new attester org.

This issue needs https://github.com/Giveth/DeVouch-BE/issues/107 to be deployed on staging in order to complete the work.

Attesting

When issuing an attestation from an address that does not belong to any attester org we should show a slight variation of the text on the modal that pop ups after user clicks VOUCH or FLAG

https://www.figma.com/design/QBvhJZY3C93a8NKqcMnEHX/DeVouch?node-id=6744-17595&t=mA5wwhnhAHGDyRzs-1 Image

Filtering

we should show the "No Affiliation" filter on all regular views and handle filtering correctly on the following pages:

Tosinolawale commented 2 months ago

Property 1=Not Eligible

https://www.figma.com/design/QBvhJZY3C93a8NKqcMnEHX/DeVouch?node-id=6744-17595&t=mA5wwhnhAHGDyRzs-1 @divine-comedian

Tosinolawale commented 2 months ago

Vouched list modal https://www.figma.com/design/QBvhJZY3C93a8NKqcMnEHX/DeVouch?node-id=7420-18869&t=mA5wwhnhAHGDyRzs-1 we should also show the No affiliation group on the project card @divine-comedian

Tosinolawale commented 2 months ago

same for the project filters Property 1=Default https://www.figma.com/design/QBvhJZY3C93a8NKqcMnEHX/DeVouch?node-id=6732-9488&t=mA5wwhnhAHGDyRzs-1 @divine-comedian

divine-comedian commented 2 months ago

first

is on this page when I'm vouching and I DO belong to some attester groups I should not see the option to choose No Affiliation

Image

second thing

on the my attestations page when I click Edit and try to change my vouch or flag I get an error on the console

https://github.com/user-attachments/assets/b4ccc7ca-f3ae-49a9-b3ed-f76df5aefda0

LatifatAbdullahi commented 2 months ago

@divine-comedian @mateodaza

Show "No Affiliation" on Project card after Attesting - Pass Filter "Flagged" or "Vouched" on Projects page - Pass Filter "No Affiliation" and others (RTF5Project Page) - Pass Filter "Flagged" or "Vouched" (RTF5 Projects page - Pass

Filter "No Affiliation" and others (Project Page) - Pass Filter "No Affiliation" and others(Home page) - Pass

Filter Attestation by "No Affiliation" and others in My Attestation - Pass Filter Attestation by "Vouched" and others in My Attestation - Pass Filter Attestation by "Flagged" and others in My Attestation - Pass

Filter Attestation by "No Affiliation" and others in Users Attestation - Pass Filter Attestation by "Vouched" and others in Users Attestation - Pass Filter Attestation by "Flagged" and others in Users Attestation - Pass

Edit Attestation(Vouch) in my Attestation - Pass Edit Attestation (Flag) in my Attestation- Pass Delete Attestation(Cancel)in my Attestation- Pass Delete Attestation(Confirm) in my Attestation - Pass

Filter Attestation by "No Affiliation" and others in Users Attestation - Pass Filter Attestation by "Vouched" and others in Users Attestation - Pass Filter Attestation by "Flagged" and others in Users Attestation - Pass Edit Attestation(Vouch) in Users Attestation - Pass Edit Attestation (Flag) in Users Attestation- Pass Delete Attestation(Cancel) in Users Attestation- Pass Delete Attestation(Confirm) in Users Attestation - Pass