1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00

refactor: simplify badge logic for draft automations

Remove unnecessary distinction between create and update for badge display.
Both cases just need to show "Modified in draft" when there's a pending
changeMilestoneProgression action.

Also remove unused StyledAddAutomationContainer and badge next to "Add
automation" button since pending creates now show the display component
instead.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FredrikOseberg 2025-10-24 09:18:39 +02:00
parent 51ff54497e
commit 8fbb149b9b
No known key found for this signature in database
GPG Key ID: 282FD8A6D8F9BCF0

View File

@ -36,12 +36,6 @@ const StyledAddAutomationButton = styled(Button)(({ theme }) => ({
},
}));
const StyledAddAutomationContainer = styled('div')(({ theme }) => ({
display: 'flex',
alignItems: 'center',
gap: theme.spacing(1),
}));
interface MilestoneAutomationProps {
milestone: IReleasePlanMilestone;
status: MilestoneStatus;
@ -82,20 +76,14 @@ export const MilestoneAutomation = ({
return null;
}
// When milestone has no original transitionCondition but has a pending changeMilestoneProgression, it's a create
const isOriginallyEmpty = !milestone.transitionCondition;
const hasPendingCreate =
isOriginallyEmpty &&
pendingProgressionChange?.action === 'changeMilestoneProgression';
const hasPendingChange =
!isOriginallyEmpty &&
pendingProgressionChange?.action === 'changeMilestoneProgression';
const hasPendingDelete =
pendingProgressionChange?.action === 'deleteMilestoneProgression';
const badge = hasPendingDelete ? (
<Badge color='error'>Deleted in draft</Badge>
) : hasPendingChange || hasPendingCreate ? (
) : hasPendingChange ? (
<Badge color='warning'>Modified in draft</Badge>
) : undefined;
@ -121,18 +109,13 @@ export const MilestoneAutomation = ({
badge={badge}
/>
) : (
<StyledAddAutomationContainer>
<StyledAddAutomationButton
onClick={onOpenProgressionForm}
color='primary'
startIcon={<Add />}
>
Add automation
</StyledAddAutomationButton>
{hasPendingCreate && (
<Badge color='warning'>Modified in draft</Badge>
)}
</StyledAddAutomationContainer>
<StyledAddAutomationButton
onClick={onOpenProgressionForm}
color='primary'
startIcon={<Add />}
>
Add automation
</StyledAddAutomationButton>
)}
</MilestoneAutomationSection>
);