Remove noUiSlider and use pi-ui one

[guilhermemntt]

This PR is a PoC of decred/pi-ui#308. It will solve #2874 when approved. For while, pi-ui dependence in package.json has been changed to my forked repository, but package.json changes will be discarded after the merge in the official pi-ui repo.

[tiagoalvesdulce]

You may know it already but you can yarn link local packages to develop locally, run yarn start on pi-ui and you can see the changes made there on decrediton with hot reloading. One thing is that the react version on both repos have to be exactly the same. So, I usually do the following: go to /decrediton/node_modules/react, link it, go to /pi-ui and yarn link react, now link pi-ui and go to /decrediton and yarn link pi-ui.

[guilhermemntt]

Thanks for your suggestion @tiagoalvesdulce! Luckily, just small changes have been required to fit pi-ui slider into Decrediton. By now, this PR is ready for review. Thank you all. I'll wait for the reviews.

[amass01]

🎉

[vctt94]

Thanks for this PR, looking good, but I believe I am hitting an infinite loading which makes my computer really slow if I play a bit with the slider

[guilhermemntt]

Well, thanks for the feedback @vctt94, I'll take a look.

[guilhermemntt]

It seems it's possible to achieve better performance using useCallback hook with lodash debounce. This way, we fetch from dcrwallet only after a 100 ms interval when sliding, avoiding infinite loadings, but this delay can take longer if needed.

[guilhermemntt]

Rebased.

[jholdstock]

I am getting errors when trying to run this with yarn dev. I can open the transaction history page, but when I try to open the "Sort" dropdown I get an electron console error:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function
(for composite components) but got: undefined. You likely forgot to export your component from the file it's
defined in, or you might have mixed up default and named imports.

Check the render method of `EyeFilterMenuWithSliderMenu`.
    in EyeFilterMenuWithSliderMenu (created by EyeFilterMenuWithSlider)
    in div (created by EyeFilterMenu)
    in div (created by EyeFilterMenu)
    in EyeFilterMenu (created by EyeFilterMenuWithSlider)
    in EyeFilterMenuWithSlider (created by Page)
    in div (created by Tooltip)
    in Tooltip (created by Page)
    ...

[guilhermemntt]

Thanks for testing this one @jholdstock. Could not reproduce this warning here. Are you sure you reinstalled the dependencies using yarn before running this branch?

[jholdstock]

That was it, it works after running yarn. Looks good and works well.

The performance is absolutely appalling when loading transactions - the app becomes unresponsive, CPU spins, and animations chug, but that is a known issue which is noted elsewhere, and not related to this PR.

[guilhermemntt]

Rebased.

[alexlyp]

This is a NACK for me. Needs to be in a decred owned repo. Or someone with longer standing.

[guilhermemntt]

Oh, @alexlyp, sorry. Guys at pi-ui will merge my PR there as soon this one here is approved, but I can talk to them. So I can use the master pi-ui repo and we can finally merge it if it's ok.

[alexlyp]

OK now that it's merged in pi-ui, please go ahead and remove this change and then should be good to go

[guilhermemntt]

Done! Thanks @alexlyp

[amass01]

This should go away

[guilhermemntt]

Done! Thanks!