yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-07-24 09:25:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16562 from strapi/feature/review-workflow-1-normalize-color

Browse Source 
Settings: Normalize color hex; display custom color values
This commit is contained in:
Gustav Hansen 2023-05-02 11:57:27 +02:00 committed by GitHub
commit a8adb71ec2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api-tests/core/admin/ee/review-workflows.test.api.js
View File

@ -282,7 +282,7 @@ describeOnCondition(edition === 'EE')('Review workflows', () => {
test("It should assign a default color to stages if they don't have one", async () => {
await requests.admin.put(`/admin/review-workflows/workflows/${testWorkflow.id}/stages`, {
body: {
data: [defaultStage, { id: secondStage.id, name: 'new_name', color: '#000000' }],
data: [defaultStage, { id: secondStage.id, name: secondStage.name, color: '#000000' }],
},
});

17
packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js
View File

@ -172,6 +172,9 @@ export function Stage({
),
color: hex,
}));
// 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 (
<Box ref={composedRef}>
@ -275,7 +278,19 @@ export function Stage({
colorField.onChange({ target: { value } });
dispatch(updateStage(id, { color: value }));
}}
value={colorOptions.find(({ value }) => value === colorField.value)}
// If no color was found in all the valid theme colors it means a user
// has set a custom value e.g. through the content API. In that case we
// display the custom color and a "Custom" label.
value={
colorValue ?? {
value: colorField.value,
label: formatMessage({
id: 'Settings.review-workflows.stage.color.name.custom',
defaultMessage: 'Custom',
}),
color: colorField.value,
}
}
/>
<FieldError />

2
packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js
View File

@ -27,7 +27,7 @@ export function getStageColorByHex(hex) {
export function getAvailableStageColors() {
return Object.entries(STAGE_COLORS).map(([themeColorName, name]) => ({
hex: lightTheme.colors[themeColorName],
hex: lightTheme.colors[themeColorName].toUpperCase(),
name,
}));
}

2
packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/tests/colors.test.js
View File

@ -11,6 +11,8 @@ describe('Settings | Review Workflows | colors', () => {
hex: expect.any(String),
name: expect.any(String),
});
expect(color.hex).toBe(color.hex.toUpperCase());
});
});

2
packages/core/admin/ee/server/services/review-workflows/stages.js
View File

@ -208,7 +208,7 @@ function getDiffBetweenStages(sourceStages, comparisonStages) {
if (!srcStage) {
acc.created.push(stageToCompare);
} else if (srcStage.name !== stageToCompare.name) {
} else if (srcStage.name !== stageToCompare.name || srcStage.color !== stageToCompare.color) {
acc.updated.push(stageToCompare);
}
return acc;