diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js index 2497d29a46..c7447b96b3 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js @@ -172,7 +172,9 @@ export function Stage({ ), color: hex, })); - const colorValue = colorOptions.find(({ value }) => value === colorField.value.toLowerCase()); + // TODO: the .toUpperCase() conversion can be removed once the hex code is normalized in + // the admin API + const colorValue = colorOptions.find(({ value }) => value === colorField.value.toUpperCase()); return ( diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js index 2133f70486..0d10447f33 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js @@ -27,7 +27,7 @@ export function getStageColorByHex(hex) { export function getAvailableStageColors() { return Object.entries(STAGE_COLORS).map(([themeColorName, name]) => ({ - hex: lightTheme.colors[themeColorName].toLowerCase(), + hex: lightTheme.colors[themeColorName].toUpperCase(), name, })); } diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/tests/colors.test.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/tests/colors.test.js index 3589e7d0b2..73b198c4d5 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/tests/colors.test.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/tests/colors.test.js @@ -12,7 +12,7 @@ describe('Settings | Review Workflows | colors', () => { name: expect.any(String), }); - expect(color.hex).toBe(color.hex.toLowerCase()); + expect(color.hex).toBe(color.hex.toUpperCase()); }); });