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

V2Wizard: Update repository icons and names on Packages step

Browse source 
This updates the naming and the icons in the "Packages repository" column to be consistent with current mocks.
This commit is contained in:
regexowl 2024-03-05 11:04:02 +01:00 • committed by Lucas Garfield
parent 6e1df015e1
commit 36dee34f94
2 changed files with 22 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,7 +7,6 @@ import {
EmptyStateHeader,
EmptyStateIcon,
EmptyStateVariant,
Icon,
Pagination,
SearchInput,
ToggleGroup,
@ -16,10 +15,11 @@ import {
ToolbarContent,
ToolbarItem,
} from '@patternfly/react-core';
import { CogIcon, SearchIcon, UserIcon } from '@patternfly/react-icons';
import { SearchIcon } from '@patternfly/react-icons';
import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
import { useDispatch } from 'react-redux';
import { RH_ICON_SIZE } from '../../../../constants';
import { useSearchRpmMutation } from '../../../../store/contentSourcesApi';
import { useAppSelector } from '../../../../store/hooks';
import {
@ -282,21 +282,21 @@ const Packages = () => {
{exactMatch.repository === 'distro' ? (
<>
<Td>
<Icon status="danger">
<UserIcon />
</Icon>{' '}
<img
src={
'/apps/frontend-assets/red-hat-logos/logo_hat-only.svg'
}
alt="Red Hat logo"
height={RH_ICON_SIZE}
width={RH_ICON_SIZE}
/>{' '}
Red Hat repository
</Td>
<Td>Supported</Td>
</>
) : (
<>
<Td>
<Icon>
<CogIcon />
</Icon>{' '}
Custom repository
</Td>
<Td>Third party repository</Td>
<Td>Not supported</Td>
</>
)}
@ -403,21 +403,21 @@ const Packages = () => {
{pkg.repository === 'distro' ? (
<>
<Td>
<Icon status="danger">
<UserIcon />
</Icon>{' '}
<img
src={
'/apps/frontend-assets/red-hat-logos/logo_hat-only.svg'
}
alt="Red Hat logo"
height={RH_ICON_SIZE}
width={RH_ICON_SIZE}
/>{' '}
Red Hat repository
</Td>
<Td>Supported</Td>
</>
) : (
<>
<Td>
<Icon>
<CogIcon />
</Icon>{' '}
Custom repository
</Td>
<Td>Third party repository</Td>
<Td>Not supported</Td>
</>
)}

2
src/constants.js
View file

@ -136,3 +136,5 @@ export const OCI_STORAGE_EXPIRATION_TIME_IN_DAYS = 7;
export const MODAL_ANCHOR = '.pf-c-page.chr-c-page';
export const STATUS_POLLING_INTERVAL = 8000;
export const RH_ICON_SIZE = 16;