particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wizard: Handle expand based on complete pkg info

Browse source 
Expanding rows can no longer be handled based on name only as different application streams share a name of a package.
This commit is contained in:
regexowl 2025-04-24 13:38:42 +02:00 • committed by Klara Simickova
parent 524fd40673
commit b2d63b3b16
1 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/Components/CreateImageWizard/steps/Packages/Packages.tsx
View file

@ -940,19 +940,19 @@ const Packages = () => {
}
};
const initialExpandedPkgs: IBPackageWithRepositoryInfo['name'][] = [];
const initialExpandedPkgs: IBPackageWithRepositoryInfo[] = [];
const [expandedPkgs, setExpandedPkgs] = useState(initialExpandedPkgs);
const setPkgExpanded = (
pkg: IBPackageWithRepositoryInfo['name'],
pkg: IBPackageWithRepositoryInfo,
isExpanding: boolean
) =>
setExpandedPkgs((prevExpanded) => {
const otherExpandedPkgs = prevExpanded.filter((p) => p !== pkg);
const otherExpandedPkgs = prevExpanded.filter((p) => p.name !== pkg.name);
return isExpanding ? [...otherExpandedPkgs, pkg] : otherExpandedPkgs;
});
const isPkgExpanded = (pkg: IBPackageWithRepositoryInfo['name']) =>
const isPkgExpanded = (pkg: IBPackageWithRepositoryInfo) =>
expandedPkgs.includes(pkg);
const initialExpandedGroups: GroupWithRepositoryInfo['name'][] = [];
@ -1148,15 +1148,14 @@ const Packages = () => {
.map((pkg, rowIndex) => (
<Tbody
key={`${pkg.name}-${rowIndex}`}
isExpanded={isPkgExpanded(pkg.name)}
isExpanded={isPkgExpanded(pkg)}
>
<Tr data-testid="package-row">
<Td
expand={{
rowIndex: rowIndex,
isExpanded: isPkgExpanded(pkg.name),
onToggle: () =>
setPkgExpanded(pkg.name, !isPkgExpanded(pkg.name)),
isExpanded: isPkgExpanded(pkg),
onToggle: () => setPkgExpanded(pkg, !isPkgExpanded(pkg)),
expandId: `${pkg.name}-expandable`,
}}
/>
@ -1209,7 +1208,7 @@ const Packages = () => {
</>
)}
</Tr>
<Tr isExpanded={isPkgExpanded(pkg.name)}>
<Tr isExpanded={isPkgExpanded(pkg)}>
<Td colSpan={5}>
<ExpandableRowContent>
{