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

V2Wizard: Update rendering packages info on edit

Browse source 
This fixes information rendered when a package info is read from the request on Edit.
This commit is contained in:
regexowl 2024-04-10 11:50:32 +02:00 • committed by Lucas Garfield
parent 43cb43dac8
commit a3e98b3894
2 changed files with 50 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Components/CreateImageWizardV2/CreateImageWizard.scss
View file

@ -64,3 +64,7 @@ ul.pf-m-plain {
padding-left: 0;
margin-left: 0;
}
.not-available {
color: #6a6e73;
}

51
src/Components/CreateImageWizardV2/steps/Packages/Packages.tsx
View file

@ -592,7 +592,37 @@ const Packages = () => {
<Tr>
<Th />
<Th width={20}>Package name</Th>
<Th width={35}>Description</Th>
<Th width={35}>
Description
{toggleSelected === 'toggle-selected' && (
<Popover
headerContent="Package description"
bodyContent={
<TextContent>
<Text>
The package description provides more information about
the package.
</Text>
<Text>
When editing an existing blueprint, you may see a
&quot;Not available&quot; value in the field because
information about previously added packages can not be
fetched.
</Text>
</TextContent>
}
>
<Button
variant="plain"
aria-label="Package description"
className="pf-u-pl-sm pf-u-pt-0 pf-u-pb-0"
size="sm"
>
<HelpIcon />
</Button>
</Popover>
)}
</Th>
<Th width={25}>Package repository</Th>
<Th width={20}>Support</Th>
</Tr>
@ -625,7 +655,13 @@ const Packages = () => {
}}
/>
<Td>{pkg.name}</Td>
<Td>{pkg.summary}</Td>
<Td>
{pkg.summary ? (
pkg.summary
) : (
<span className="not-available">Not available</span>
)}
</Td>
{pkg.repository === 'distro' ? (
<>
<Td>
@ -646,17 +682,22 @@ const Packages = () => {
<Td>Third party repository</Td>
<Td>Not supported</Td>
</>
) : (
) : pkg.repository === 'recommended' ? (
<>
<Td>
<Icon status="warning">
<OptimizeIcon />
</Icon>{' '}
EPEL {distribution === 'rhel-8' ? '8' : '9'} Everything
x86_64
EPEL {distribution.startsWith('rhel-8') ? '8' : '9'}{' '}
Everything x86_64
</Td>
<Td>Not supported</Td>
</>
) : (
<>
<Td className="not-available">Not available</Td>
<Td className="not-available">Not available</Td>
</>
)}
</Tr>
))}