18 Commits (6bfa17c3576d46e367c83225e96d952a5ada5cbc)

Author	SHA1	Message	Date
Ed Man	2f63c95ca8	Fix Staking DApp theme colors (#2700) ... * Fix button color in dark mode on Error Status modal * Fix dark theme color in stake dialog modals * Fix dark theme color for empty state in stake pools list * Fix dark theme color for non-empty state in stake pools list * Fix delegators list modal width for inactive pools * Fix dark theme color for banned pools * Fix differences in transition speed for input prepend block * Fix dark theme color for input autofill * Fix chart color in staking modals * Fix to hide only tooltips that triggered by elements inside stakes top block	4 years ago
Ed Man	07305733a6	Fix Staking DApp UI issues (#2692) ... 2, 3, 4, 5, 6, 7, 12, 13, 19, 26 * Fix items disappearing misbehavior of staking filters * Fix items disappearing animation of staking filters * Fix not disappearing tooltip in stakes-top container on block number update * Fix stakes top stats width to have fixed size on refresh * Replace stakes table with flex boxes to fixate size of table header * Fix staking modals width * Change style for non clickable addresses in delegators list modal * Decrease top stats min size to fit in firefox but look nice in logout state * Make fixed width for delegators list modal * Refactor stakes-address-container to set active and not active styles * Reduce gap for modal tile in validation info modal	4 years ago
Paul Tsupikoff	83fea9a222	Hide all controls when staking is forbidden by contract (#2651) ... Additional areStakeAndWithdrawAllowed request is performed for every block and broadcasted along with epoch information. Pool list refresh is forced, so buttons appear and disappear immediately when the state of contract changes.	4 years ago
Paul Tsupikoff	56273524ac	Separate Claim Withdrawal button from Withdraw (#2649) ... Problem: putting both Withdraw and Claim functionality on one button is confusing and requires an additional question modal. Solution: add a separate Claim button that appears when there is an ordered amount available for claiming. To save space in the table, all button titles are moved into tooltips.	4 years ago
Paul Tsupikoff	31b90102de	Implement filters for staking pool tables (#2558)	4 years ago
Paul Tsupikoff	d020fc9baa	Periodically refresh the table with staking pools (#2557) ... The table is refreshed when new staking epoch starts and after an interval configured in apps/block_scout_web/config/config.exs. If no interval is configured, the table is only updated on new epoch.	4 years ago
Paul Tsupikoff	21c61d1116	Show "Delegators List" modal window (#2498) ... Delegator's reward ratio field is added and calculated as follows: - if the pool is validator, snapshotStakers and snapshotRewardPercents arrays are fetched from contract, zipped and used for delegators' ratios. - if a delegator made a stake during this epoch, they won't be present in the arrays above, so they will have `nil` for reward ratio - if the pool is a candidate, _potential_ reward is calculated manually, while taking into account that pool always receives at least 30%. The list of delegators is displayed in a modal window with the pool itself being added as the first row, and currently logged in user moved to top. No paging is implemented for this table, as AsyncListingLoad component doesn't support more than one pageable table simultaneously. Fixing that requires almost full component rewrite, and I think that should be done in a separate PR. "Me" tooltip is emulated with text, but should be replaced with SVG image.	4 years ago
goodsoft	6fff314814	Show "Withdraw stake" and "Claim withdraw" modal windows (#2465) ... If there is available ordered withdraw for claiming, we generate both withdraw and claim modal windows, and present user a question modal. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	8a34420eda	Show "Move Stake" modal window (#2464) ... Modal window HTML is re-rendered each time target pool is changed. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	f50b4f1f82	Show "Make Stake" modal window (#2462) ... Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	21d88a2beb	Show "Remove my Poll" modal window (#2461) ... It's just a question and a simple contract call, actually. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	af61d02b6d	Show "Become a Candidate" modal window (#2460) ... Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	4e4f96a4e4	Show modal window with validator/pool info (#2439) ... The modal window is rendered entirely on server and requested via websocket. Bubbling of events is used to avoid setting event handlers on multiple rows. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com>	4 years ago
goodsoft	8e0558c6c8	Load contract ABIs after signing in, add makeContractCall utility (#2455) ... After user signs in using MetaMask for the first time, the contract addresses and ABIs are pushed throught the websocket. They are saved in the state for making calls to MetaMask API. makeContractCall utility is added for that purpose: it makes a call, shows success/error message from API, and shows error if 15s timeout passes. Token information is passed as well for calculations, comparisons and alerts.	4 years ago
goodsoft	3b7e04c4b8	Refresh list of pools on account change and show correct buttons (#2455) ... AsyncLoadStore is improved to allow sending additional dynamic data from redux state, as well as refreshing currently displayed page. This allows to show table rows specifically for currently logged-in account with properly selected row buttons.	4 years ago
Eduard Sachava	cbb79679e0	Implement logging in using MetaMask extension (#2408) ... We check Web3 every 0.1s to check for currently selected account. This is ugly and MetaMask developers admit that, but it's the only way they can recommend. Login button always redirects to metamask.io website, but if the MetaMask is detected, it's onclick is overridden to launch MetaMask's Privacy Mode unlock dialog. When an account is detected, it is sent to websocket and used for rendering top panel during further staking information updates. Putting account into session is not implemented, as it _might_ cause privacy issues. In the meanwhile, we'll try to think of more clever way for preventing login button blinking during page load. Note: npm cache is invalidated in CI to work around issue of websocket package breaking npm install due to .git directory being present. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com> Co-Authored-By: Kirill Andreev <hindmost.one@gmail.com>	4 years ago
goodsoft	c64f77fe94	Refresh staking page top panel when new blocks arrive (#2407) ... Top panel is entirely rendered on server-side using a dedicated controller function for proper gettext support and reduced fiddling with jQuery. Reducer is simplified and made pure as per Redux guidelines. Co-Authored-By: Anatoly Nikiforov <anatolyniky@gmail.com> Co-Authored-By: Kirill Andreev <hindmost.one@gmail.com>	4 years ago
Victor Baranov	77b7d34d50	Isolating staking dapp css, extracting of non-critical css	5 years ago