Governance vue

[Duddino]

Abstract

This PR ports the Governance and Masternode tab in vue, massively simplifing the render logic.

TODO

• Wait for UI Redesign #372 to be merged
• Create proposal
• Figure out when to update to fetch updates from the RPC node
• Check mobile page
• Clean up
• Unit tests

Testing

• Check the entirety of the masternode page
• Check the entirety of governance page, including proposals

[netlify]

✅ Deploy Preview for cheery-moxie-4f1121 ready!

Name	Link
🔨 Latest commit	5156940
🔍 Latest deploy log	https://app.netlify.com/sites/cheery-moxie-4f1121/deploys/672a24aeb7817600089840b0
😎 Deploy Preview	https://deploy-preview-375--cheery-moxie-4f1121.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[panleone]

quick feedback on the governance tab:

• Voting a proposal No/Yes when you don't have a masternode doesn't show any alerts
• Clicking the proposal address doesn't open the explorer

The rest looks good. Will test proposal and masternode creation soon

[panleone]

masternode collateral creation seems to be reversed:

It tries to create the transaction when the wallet is locked (thus throwing the error cannot sign with a view only wallet)

It tries to setMasterkey when the wallet is already unlocked (hence throwing the error a spending key is already loaded)

[JSKitty]

Very minor design consistency change: the voting buttons are not the same size, "Yes" is smaller than "No".

Prod:

PR:

[panleone]

When creating the 10kPIVs masternode tx, the tab "Your Masternode Private Key..." doesnt get closed when pressing the X

[panleone]

When opening MPW getProposals throw errors

mpw.js:sourcemap:104538 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'filter')
    at Masternode.getProposals (mpw.js:sourcemap:104538:41)
    at async fetchProposals (mpw.js:sourcemap:67700:26)

[panleone]

Was able to successfully create a masternode, but there are two issues:
Last seen time is wrong;
When I try to vote a proposal I get the following error

index.js:159 Uncaught (in promise) TypeError: The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type object
    at from (index.js:159:1)
    at __webpack_modules__../node_modules/buffer/index.js.Buffer.from (index.js:174:1)
    at hexToBytes (utils.js:9:18)
    at Proxy.getSignedVoteMessage (masternode.js:371:26)
    at Proxy.vote (masternode.js:434:1)
    at vote (Governance.vue:178:47)