Skip to content

Investigate using blueprint as UI base #91

@jumpinjackie

Description

@jumpinjackie

Blueprint appears to be the React UI "toolkit" I've been long looking for.

Looking at what this toolkit provides, this looks to provide us with:

  • A usable tab / accordion (via the Collapse component)
  • A context menu component that could replace our use of ol3-contextmenu
  • A menu and portal component that could replace our current hacky use of react-flyout
  • A navbar and ButtonGroup component that could replace our current toolbar
  • A dialog component that can replace our handcrafed one
  • A tree component that could replace our handcrafted one in the legend

And the key thing that binds them all together is a unified look and feel, which is hard to do for an application that is a mish mash of different react components.

The fact that this toolkit is written in TypeScript is an added bonus.

Ideally using blueprints should help us replace the following:

  • Using react-flyout for flyout menus
  • ol3-contextmenu for the context menu
  • Our custom modal dialogs
  • Our custom fontello icon set
  • Style our various UIs to be more pretty
    • Measure
    • Quick Plot
    • Selection Panel
    • Error displays

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions