Consistent Experimental/Beta labels
- Asaad Mahmood
All beta and experimental labels in the system console and in the front facing app should be updated to this gray label.
Places where it could appear
System console
System console page header
If a feature is itself behind experimental or Beta, it should have the header label in the header.
System console sidebar item
Only the beta label will be displayed in the sidebar. Since experimental features as a whole reside in the enterprise section in the sidebar, we do not need to add it to the sidebar.
Section header
Both experimental and beta tags could appear in a feature’s subsuection, identifying a sub feature of that larger feature that’s behind beta or experimental.
Individual setting item
Similarly, both tags can appear for a particular setting if it applies.
All examples shown below
Modals
A feature that’s either in experimental or in beta would get the tag in the modal header.
In Menus
A feature that’s either in experimental or in beta would get the tag in the menu item, we may have to expand the menu for the experimental tag (only conditionally).
Popover Menus
A feature that’s either in experimental or in beta would get the tag in the popover header.
New Tag
The new tag on features can be placed in all the front facing locations mentioned above:
Popover Menus, Menus, Modals, etc.
Whether to display it or not is going to be a case by case decision.
It should only remain for that particular release (5.2, 5.3, etc). And dissapear in the next.
So a feature that’s new in 5.2, will disappear in 5.3, unless it is decided otherwise.
If a user jumps multiple releases, i.e. from 5.0 to 5.5, and there were 10 new items in the middle, the user will only get the new tag on a the feature that were part of 5.5, not every single one.
Additional Updates needed
1. Update existing beta tags
These tags need to be updated anywhere they are used as well.
Currently the beta label is used in various places, like the message priority popover.
We probably need to update out beta_tag.tsx component that is rendering the beta tag.
Located in: webapp/channels/src/components/widgets/tag/beta_tag.tsx
2. Update existing enterprise tags
We are also updating the enterprise tags to be have a smaller border radius as well. Currently they’re rounded.
So we need to update any existing enterprise tags as well.