Skip to content

Guidelines for Issues with UI related work

Startail the 'Coon edited this page Apr 20, 2019 · 2 revisions

Guidelines for UI related issues work

There are a few simple steps that should be followed whenever development to UI related code is done.

Bitshares-UI Style Guide

The appliaction uses a custom wrapper based on Ant Framework http://ant.design, which should always be used as a primary source for styling elements.

A live example for the Bitshares-UI Style Guide is located on https://styleguide.bitshares.org/#/dark. All integrated Components can be found in the Github repository on https://github.com/bitshares/bitshares-ui-style-guide.

All Ant Framework components can be found on https://ant.design/docs/react/introduce.

Any missing components required for design should be created as a new issue on the bitshares-ui repo for integration.

Replace old components

When work is done on sections that has older components, and new ones are available on the bitshares-ui-style-guide, they should be replaced as part of the issue work.

The time for this can at times be expected within the estimation of the issue, but at others not. Please post a question when unsure about this.

Follow Component-container pattern

When Writing new UI components, please try to follow compoent-container patterns. An example of this is https://medium.com/teamsubchannel/react-component-patterns-e7fb75be7bb0