cockroach icon indicating copy to clipboard operation
cockroach copied to clipboard

pkg/ui: add first stage of redesigned tracez page

Open benbardin opened this issue 3 years ago • 1 comments

Begins to implement

https://www.figma.com/file/LUptGAxt5x1idq6eZLA50o/BulkIO-Traces?node-id=59%3A7958

When complete, the new pages will offer:

  • A robust route structure and full redux integration for better navigation.
  • Denser information display.
  • More information display, i.e. start time/duration, and expanding mutliple tag groups.
  • A new span details page, which will include child span information.

For now, this page is behind a new route with no entrypoint. It implements the core route structure, redux selectors and API calls. Left for later PRs are Take Snapshot, the Span Details page, pagination, search filtering, and View Raw JSON.

Release note: None

Screen Shot 2022-09-22 at 5 44 00 PM Screen Shot 2022-09-22 at 5 34 50 PM Screen Shot 2022-09-22 at 5 34 40 PM Screen Shot 2022-09-22 at 5 34 29 PM Screen Shot 2022-09-22 at 5 34 20 PM Screen Shot 2022-09-22 at 5 34 12 PM

benbardin avatar Sep 19 '22 21:09 benbardin

This change is Reviewable

cockroach-teamcity avatar Sep 19 '22 21:09 cockroach-teamcity

Hey David! Could you help specifically with typescript review? (If there's other stuff you want to talk too about I'm game!) Thank you!

benbardin avatar Oct 06 '22 14:10 benbardin

bors r+

benbardin avatar Oct 13 '22 20:10 benbardin

Build succeeded:

craig[bot] avatar Oct 13 '22 21:10 craig[bot]