delvtech / elf-council-frontend Goto Github PK

I think good candidates are where we just do simple read operations that only require a single contract such as reading voting vault balance, total treasury balance etc.

The claim button should navigate users to /airdrop.

• should pop up wizard flow

Initial feedback:

• Claim and deposit only does 1 token at a time. Should we have an input amount? Should it be all or nothing?
• Delegated amounts changed after running the dummy proposals
• Ran the test proposals script but none of the dummy proposals showed up in the UI
• Vote dropdown works but when I click on the button I can’t vote yet
• Use ‘Abstain’ instead of ‘maybe’ for voting options
• Suggestion to consider: Once voted, there should be some display as to what your action was (even if you can change your vote later).

From Governance UI: https://www.figma.com/file/SRw9lvgMAasN5JaQrK0z4t/Governance?node-id=2%3A8

The proposals page should:

• List all on-chain proposals that have a match in proposals.json
• Display voting period status (created -> unlock -> expiration)
  - [ ] Display execution period (unlock -> expiration -> lastCall)
• Display proposal details
• Name, description, link to snapshot, link to commonwealth forum
• Show current # of votes
• Show quorum progress (w/ minimum quorum label)
• Display user vote power on this proposal by voting vault
  • "locking vault" for delegated voting power
  • "vesting vault" (for element team and investors),
  • "optimistic rewards vault" (protocol rewards for ELFI token holders have vote power!)
• Disable vote button if no vote power exists for the user (via queryVotePower for each vault)
• Enable vote button any vote power exists for the user

Proposal list items should have status tags including:

• In progress
• Passing
• Failing
• Passed
• Failed

The choice button should:

• allow user to select YES/NO/ABSTAIN

The vote button should:

• vote YES/NO/ABSTAIN
• say 'Modify vote' and change the vote if they already voted
• be disabled if they vote period has passed
• be disabled if the user has no vote power

Both should be hidden and display 'Executed' if proposals was executed

The proposal details card should

• show the current number of votes.
• show quorum progressbar
• show quorum percentage
• show quorum value (votes needed to pass/fail)
  

• On click of delegate profile, have a new component that overlaps delegates list and displays the current delegate
• Window should have a close button
• Should have a choose delegate button that automatically inputs the delegate address on click

We need tooltips to explain text on the overview page such as 'Deposited Balance', 'Total Voting Power'. The tooltips should also be links to the resources pages.

Now that we are using eslint to ensure we are using tailwind classes properly, we can get rid of this package. First we'll need to remove all instances of the helpers methods though.

We only use this for the tooltip component. We should use the popover component provided by headless-ui instead so we can remove this package. this will require some work to make a new tooltip and style it appropriately

Currently displays the raw merkle value, which never changes.

Instead, this should be calculated as:
merkleValue - airdrop.claimed()

change the layout of the Overview Page so that it is more balance. We should have the stats on the side of the portfolio card.

• Verify that delegate is on the page with a green checkmark
• #202
• Have a confirmation pop up on successful delegate change

• Add HeroIcons package
• Convert all existing icons to HeroIcon icons

• Split the delegate card from the portfolio card
• Tooltip icon ! -> ?
• Move helper text into tooltip icon
• onClick of tooltip icon takes you to resources page where previous tooltip text should be
• #150
• #151
• #153
• #154

We have some useful code there that can get recycled. make a page with DepositCard and RewardsCard so we can test out the functionality.

Proposal list items should show if a user has/hasn't voted or if their delegate voted and how

Overview Page should
Stats:

• show Annual Protocol Revenue
  • hard coded number to be provided by Paul. this stat comes from Yearn fees and pool fees. We will annualize it
• show Total Voting Power
  • Locking Vault balance
  • Vesting Vault balance * unvestedMultiplier
• show Total Treasury
  • hard coded value of 50M ELFI

Portfolio Card:

• Wallet ELFI
• Locking Vault ELFI (call this Voting Vault in the UI)
• Airdrop ELFI
• claim button airdrop
• Vesting Vault ELFI (if it exists)
• Vote Power (use queryVotePower on LockingVault to show your vote power since others can delegate vote power to you)

Proposal Card:

• remove this until we figure out what good UX here. Do we list the earliest created at or soonest to end at.

to be deleted

From Governance UI: https://www.figma.com/file/SRw9lvgMAasN5JaQrK0z4t/Governance?node-id=2%3A8

The Delegate page should:
Portfolio Card

• Show user's voting power in Locking Vault
• Ability to deposit ELFI into locking vault (note: this gets assigned to current delegate)
• Ability to withdraw all ELFI from locking vault

Delegate Card

• Show current delegate (and their total voting power in the locking vault for reference)
• Ability to change delegate address

Delegate Leaderboard

• Show list of delegates.json candidates w/ a copy address button

Other

• Remove council list

Need to get the UI stubbed for the new FAQ that's on the Overview Page. Mock here: