chore: Update releases UI actions

[steverydz]

Done

• Re-arranged releases actions UI to draw attention to the progressive release action
• Combined the progressive release control into a global component for all releases (it was already working this way but looked like it wasn't)
• Removed unused code and related styles

How to QA

• Go to https://snapcraft-io-5125.demos.haus/snapd/releases
• Drag a revision to the release table
• Check that an actions bar appears with a "Review changes" button
• Check that clicking that button opens a panel with the "Revert" and "Save" buttons
• Check that there is the ability to progressively release
• Try the same with other snaps

Testing

• This PR has tests
• No testing required (explain why): Just moving components around

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-21913

Screenshot

[webteam-app]

Demo

Jenkins

demos.haus

[Copilot]

Pull Request Overview

This PR refactors the releases confirmation UI to surface the progressive release slider more prominently, consolidates related components, and removes obsolete code and styles.

• Consolidates all progressive release controls into a new ProgressiveBarControl component.
• Replaces legacy ProgressiveRowGroup/progressiveRow/globalRow with simpler ReleaseRowGroup and moves button toggles.
• Removes unused SCSS selectors and updates button markup to “Review changes” / “Hide changes.”

Reviewed Changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
static/sass/_snapcraft_release.scss	Removed unused .p-releases-confirm__details-toggle and .p-releases-confirm__actions styles.
static/sass/_snapcraft_p-release-details-row.scss	Switched release-details grid to flex layout and added .progressive-release-control classes.
static/js/publisher/pages/Releases/components/releasesTable/cellViews.js	Added optional chaining for progressive data in tooltip.
static/js/publisher/pages/Releases/components/releasesConfirmDetails/types.js	Capitalized type strings for display consistency.
static/js/publisher/pages/Releases/components/releasesConfirmDetails/releaseRowGroup.js	Added new ReleaseRowGroup to list simple release rows.
static/js/publisher/pages/Releases/components/releasesConfirmDetails/releaseRow.js	Simplified ReleaseRow by removing legacy progress/notes props.
static/js/publisher/pages/Releases/components/releasesConfirmDetails/index.js	Swapped out old progressive row groups for ReleaseRowGroup and integrated ProgressiveBarControl.
static/js/publisher/pages/Releases/components/releasesConfirmActions.js	Added u-align--right to action buttons container.
static/js/publisher/pages/Releases/components/releasesConfirm.tsx	Merged toggle and action buttons into one bar, updated labels and conditional rendering.
static/js/publisher/pages/Releases/components/progressiveBarControl.js	Introduced new ProgressiveBarControl component for global slider.

Comments suppressed due to low confidence (3)

static/js/publisher/pages/Releases/components/releasesConfirmDetails/index.js:35

• Calling updateProgressiveReleasePercentage directly will just return the action object without dispatching it. You need to dispatch this action (e.g., via props from connect or useDispatch) to actually update the Redux store.

updateProgressiveReleasePercentage(percentage);

static/js/publisher/pages/Releases/components/releasesTable/cellViews.js:77

• If revision or revision.progressive is undefined, revision?.progressive?.percentage is undefined and Math.round(100 - undefined) yields NaN. Consider adding a default fallback (e.g., || 0) to ensure a number is passed to Math.round.

{Math.round(100 - revision?.progressive?.percentage)}%

static/js/publisher/pages/Releases/components/progressiveBarControl.js:1

• The new ProgressiveBarControl component contains interactive logic but lacks unit or snapshot tests. Adding tests would help prevent regressions in the slider behavior.

import React from "react";

[AnnSoMuller]

Just a 2 minor details on the visual side

1. On the hover state, part of the content goes out of the frame

the width should be fitting the content 2. On the second bar of the release (the green one), the rounded corner is missing.

[bartaz]

When I drag 24762 to beta, and then click > next to it (in green release cell)

I get an error:

[bartaz]

Does it need to be flex?

It seems to display only text, like Release 24767 to latest/candidate on s390x. So, wouldn't it work as simple inline paragraph?
Or is there any specific state where something needs to be there aligned with flex?

[steverydz]

Good point - I've changed it to a simple p

[bartaz]

Was it changed? It still seems to be used in ReleaseRow?

[steverydz]

My bad - I hadn't pushed 🙄

[steverydz]

Just a 2 minor details on the visual side

1. On the hover state, part of the content goes out of the frame

the width should be fitting the content 2. On the second bar of the release (the green one), the rounded corner is missing.

As these aren't related to the changes introduced in this PR I've made separate tickets for those:
https://warthogs.atlassian.net/browse/WD-22659
https://warthogs.atlassian.net/browse/WD-22660

[steverydz]

When I drag 24762 to beta, and then click > next to it (in green release cell)

I get an error:

Ah I see, I'm getting that too. I've tested on production and that seems to be an existing bug so I've made a separate ticket for that here: https://warthogs.atlassian.net/browse/WD-22672

[edisile]

LGTM!

[bartaz]

Now with flex removed it seems the space is missing between "Release" and revision number:

Also, is the tooltip meant to be in the middle of whole row, or should it be just under revision number?

[bartaz]

Little issue with missing space, looks good apart from that.

[bartaz]

LGTM, thanks