Chef Automate Apps tab capitalizes all channels

[ericcalabretta]

Describe the bug

Habitat channels can be uppercase and lowercase. The Automate Application tab dashboard uppercases all channels even if their real value us lowercase.

for example channel rb_prod is changed to RB_PROD

This causes Automate to report the incorrect channel in the web interface & you could potential mix up a lower & uppercase channel.

To Reproduce

Create a channel with a lower case value and configure reporting to the Automate applications tab

hab pkg channels eric/national-parks/8.0.0/20200509192449
» Retrieving channels for eric/national-parks/8.0.0/20200509192449 (x86_64-linux)
unstable
rb_prod

Expected behavior

Automate should respect the case of the channel. Lowercase and uppercase characters are both valid for channels & should be reported correctly in Automate.

Screenshots

The channel in this example actually is rb_prod but is reported as RB_PROD

Versions (please complete the following information):

• Browser chrome
• Automate Build Number: 20200429153636

[susanev]

@ericcalabretta thanks for reporting this! our ux design standard is to not change the capitalization of user named objects so this was probably an oversight. @apriofrost can you confirm?

[apriofrost]

hi @ericcalabretta , thanks for reporting the issue. We're going to update the design spec for the UI component to reflect what you suggested.

UI Implementation Note

Bump the font size for the badge component from 10px to 11px. Instead of automatically capitalize on all the content inside, keep the channel name style as it is.