Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

chore: improve release plan template form validation (#9371)

Browse Source 
https://linear.app/unleash/issue/2-3321/improve-release-template-name-uniqueness-error-response-messages
https://linear.app/unleash/issue/2-3285/milestone-name-uniqueness

Slightly improves UX in our release plan template form validation.


![image](https://github.com/user-attachments/assets/2b3bf475-64cc-40ab-a78a-4fe2ca3cdbd1)
This commit is contained in:
Nuno Góis 2025-02-26 13:01:34 +00:00 committed by GitHub
parent 4e7ce65567
commit 192bd83fa6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 40 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
View File

@ -235,6 +235,7 @@ export const MilestoneCard = ({
title: '',
id: 'temp',
});
clearErrors();
};
const openAddUpdateStrategyForm = (

71
frontend/src/component/releases/hooks/useTemplateForm.ts
View File

@ -1,3 +1,5 @@
import { useReleasePlanTemplates } from 'hooks/api/getters/useReleasePlanTemplates/useReleasePlanTemplates';
import { useOptionalPathParam } from 'hooks/useOptionalPathParam';
import type { IReleasePlanMilestonePayload } from 'interfaces/releasePlans';
import { useEffect, useState } from 'react';
import { v4 as uuidv4 } from 'uuid';
@ -14,6 +16,9 @@ export const useTemplateForm = (
{ id: uuidv4(), name: 'Milestone 1', sortOrder: 0 },
],
) => {
const templateId = useOptionalPathParam('templateId');
const { templates } = useReleasePlanTemplates();
const [name, setName] = useState(initialName);
const [description, setDescription] = useState(initialDescription);
const [milestones, setMilestones] = useState(initialMilestones);
@ -39,6 +44,19 @@ export const useTemplateForm = (
valid = false;
}
if (
templates.some(
(template) =>
template.name === name && template.id !== templateId,
)
) {
setErrors((prev) => ({
...prev,
name: 'A template with this name already exists.',
}));
valid = false;
}
if (milestones.length === 0) {
setErrors((prev) => ({
...prev,
@ -47,42 +65,31 @@ export const useTemplateForm = (
valid = false;
}
const milestoneNames = milestones.filter(
(m) => !m.name || m.name.length === 0,
);
if (milestoneNames && milestoneNames.length > 0) {
setErrors((prev) => ({
...prev,
...Object.assign(
{},
...milestoneNames.map((mst) => ({
[mst.id]: 'Milestone must have a valid name.',
})),
),
...Object.assign(
{},
...milestoneNames.map((mst) => ({
[`${mst.id}_name`]: 'Milestone must have a valid name.',
})),
),
}));
valid = false;
}
const errors: Record<string, string> = {};
const nameSet = new Set();
milestones.forEach((m) => {
if (!m.name || m.name.length === 0) {
errors[m.id] = 'Milestone must have a valid name.';
errors[`${m.id}_name`] = 'Milestone must have a valid name.';
}
const emptyMilestones = milestones.filter(
(m) => !m.strategies || m.strategies.length === 0,
);
if (emptyMilestones && emptyMilestones.length > 0) {
if (!m.strategies || m.strategies.length === 0) {
errors[m.id] = 'Milestone must have at least one strategy.';
}
if (nameSet.has(m.name)) {
errors[m.id] = 'Milestone names must be unique.';
} else if (m.name) {
nameSet.add(m.name);
}
});
if (Object.keys(errors).length > 0) {
setErrors((prev) => ({
...prev,
...errors,
milestones:
'All milestones must have at least one strategy each.',
...Object.assign(
{},
...emptyMilestones.map((mst) => ({
[mst.id]: 'Milestone must have at least one strategy.',
})),
),
'All milestones must have unique names and at least one strategy each.',
}));
valid = false;
}