agama-project / agama / 24728822120

push

github

feat(web): revamp software selection page with improved UX (#3396)

## Context

This PR is part of a broader feature request to add a mechanism for
desktop selection in openSUSE
(https://github.com/agama-project/agama/discussions/3335,
https://trello.com/c/6kaMm7Kf (protected link))

That initiative covers:

* Extending the product definition to indicate whether desktop selection
is suggested (https://github.com/agama-project/agama/pull/3390)
* A way to indicate whether a pattern corresponds to a desktop
(https://github.com/agama-project/agama/pull/3403)
* Improving UX of selecting patterns (a bonus, previous PR
https://github.com/agama-project/agama/pull/3389)
* Revamping the software UI to expose desktop selection (**this PR**).
* Warning the user (based on desktop_selection) in the confirmation
dialog if no desktop was selected (follow-up PR)


## Problem

Within that context, the software page did not clearly distinguish
between pattern selection and desktop environment selection. This might
make difficult for certain users to tell whether a desktop environment
had been selected, or which ones are.

Additionally, auto-selected patterns were indistinguishable from
user-selected ones, and lengthy pattern descriptions made the interface
harder to scan.

## Solution

* Separate desktop environment and pattern selection into clearly
defined sections
* Add a visible label to auto-selected patterns so users can easily
distinguish them from manual selections and to better realize about
patterns that might automatically resolved after submission.
* Truncate pattern descriptions to improve readability and scanning
* Removed patterns no longer appear in the selected list  (bug fix)

## Notes for reviewers

> [!WARNING]
>
> This PR also removes the `ReloadSection` component and its surrounding
dead code (the `repos`, `loading`, and `startProbing` logic in
`PageContent`). Commit
https://github.com/agama-project/agama/pull/3396/commits/2aac9e4c3017a142bcc5d996f... (continued)

3760 of 6067 branches covered (61.97%)

Branch coverage included in aggregate %.

87 of 89 new or added lines in 4 files covered. (97.75%)

13812 of 18314 relevant lines covered (75.42%)

81.8 hits per line