Blueprints: Update button in header

This updates the Create blueprint and Import buttons based on recent mocks.
This commit is contained in:
regexowl 2024-04-04 14:44:20 +02:00 committed by Lucas Garfield
parent de5883d2b7
commit db64729628

View file

@ -7,11 +7,13 @@ import {
TextContent,
Flex,
FlexItem,
Icon,
} from '@patternfly/react-core';
import {
ExternalLinkAltIcon,
HelpIcon,
ImportIcon,
PlusCircleIcon,
} from '@patternfly/react-icons';
// eslint-disable-next-line rulesdir/disallow-fec-relative-imports
import {
@ -98,14 +100,21 @@ export const ImageBuilderHeader = ({
<FlexItem align={{ default: 'alignRight' }}>
<Link
to={resolveRelPath('imagewizard')}
className="pf-c-button pf-m-tertiary"
className="pf-c-button pf-m-primary"
data-testid="blueprints-create-button"
>
Create blueprint
Create blueprint{' '}
<Icon>
<PlusCircleIcon />
</Icon>
</Link>
</FlexItem>
<FlexItem>
<Button variant="link" icon={<ImportIcon />} iconPosition="end">
<Button
variant="secondary"
icon={<ImportIcon />}
iconPosition="end"
>
Import{' '}
</Button>
</FlexItem>