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

CreateImageWizard: add default state to package selection

Browse source
This commit is contained in:
Jacob Kozol 2021-11-02 17:01:42 +01:00 • committed by Sanne Raymaekers
parent 8871bd8373
commit 0357ed57f9
2 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/Components/CreateImageWizard/formComponents/Packages.js
View file

@ -190,7 +190,12 @@ const Packages = ({ defaultArch, ...props }) => {
</Button>
] }>
<DualListSelectorList data-testid="available-pkgs-list">
{packagesAvailable.map((pack, index) => {
{packagesAvailable.length === 0 ? (
<p className="pf-u-text-align-center pf-u-mt-md">
Search above to add additional<br />
packages to your image
</p>
) : (packagesAvailable.map((pack, index) => {
return !pack.isHidden ? (
<DualListSelectorListItem
key={ index }
@ -202,7 +207,7 @@ const Packages = ({ defaultArch, ...props }) => {
</TextContent>
</DualListSelectorListItem>
) : null;
})}
}))}
</DualListSelectorList>
</DualListSelectorPane>
<DualListSelectorControlsWrapper
@ -255,7 +260,11 @@ const Packages = ({ defaultArch, ...props }) => {
] }
isChosen>
<DualListSelectorList>
{packagesChosen.map((pack, index) => {
{packagesChosen.length === 0 ? (
<p className="pf-u-text-align-center pf-u-mt-md">
No packages added
</p>
) : (packagesChosen.map((pack, index) => {
return !pack.isHidden ? (
<DualListSelectorListItem
key={ index }
@ -267,7 +276,7 @@ const Packages = ({ defaultArch, ...props }) => {
</TextContent>
</DualListSelectorListItem>
) : null;
})}
}))}
</DualListSelectorList>
</DualListSelectorPane>
</DualListSelector>