Wizard: Indicate disabled packages

When a package is added to the chosen packages it stays in the list of available packages, but gets disabled as an option.

This adds a visual indication in a form of greyed out name of the package.
This commit is contained in:
regexowl 2023-12-19 14:33:09 +01:00 committed by Klara Simickova
parent 3db7995194
commit 2a9fcd7470

View file

@ -405,7 +405,11 @@ const Packages = ({ getAllPackages, isSuccess }) => {
onOptionSelect={(e) => handleSelectAvailable(e, pkg.name)}
>
<TextContent key={`${pkg.name}`}>
<span className="pf-c-dual-list-selector__item-text">
<span
className={
chosenPackages[pkg.name] && 'pf-v5-u-color-400'
}
>
{pkg.name}
</span>
<small>{pkg.summary}</small>