Implement design for catalogue home page and DataTray

libp2p / observer-toolkit

🐣 [WIP] toolkit for building libp2p introspection widgets + a few useful out-of-the-box widgets

https://libp2p.io

MIT License

2 stars 2 forks source link

Implement design for catalogue home page and DataTray #31

Closed AlanSl closed 4 years ago

AlanSl commented 4 years ago

Implements the new design for the homepage:

The lower part with the buttons is a standalone component that [edit] is used in the app to change data types. Sample selection from a list and file upload including drag and drop are all implemented.

AlanSl commented 4 years ago

👍 That's what I'm working on now - going back and adding tests to all the open PRs, and updating and merging Glen's.

Will ping you with review requests when each is done.

AlanSl commented 4 years ago

This is now updated against the recently merged PRs and latest https://github.com/nearform/libp2p-introspection-ui/pull/30 and has tests added, bringing the coverage in catalogue up to over 95% and including data loading and unloading in tests.

A few little bugs and quirks fixed as well while working on the tests.

This should now be ready to merge as soon as https://github.com/nearform/libp2p-introspection-ui/pull/30 is merged

AlanSl commented 4 years ago

Latest commit integrates with websockets:

UX is basic, will improve in next PR.