Blueprints: selected Blueprint Empty state action

Add action in the Images Table empty state when Blueprint is selected.
Change the icon to plus as it better underlines the action needed to remedy.
This commit is contained in:
Ondrej Ezr 2024-04-17 08:33:41 +02:00 committed by Klara Simickova
parent 8e9f00da20
commit 04131c4823
2 changed files with 24 additions and 7 deletions

View file

@ -1,12 +1,20 @@
import React from 'react';
import { Button } from '@patternfly/react-core';
import { Button, ButtonProps } from '@patternfly/react-core';
import { selectSelectedBlueprintId } from '../../store/BlueprintSlice';
import { useAppSelector } from '../../store/hooks';
import { useComposeBlueprintMutation } from '../../store/imageBuilderApi';
export const BuildImagesButton = () => {
type BuildImagesButtonPropTypes = {
variant?: ButtonProps['variant'];
children?: React.ReactNode;
};
export const BuildImagesButton = ({
variant,
children,
}: BuildImagesButtonPropTypes) => {
const selectedBlueprintId = useAppSelector(selectSelectedBlueprintId);
const [buildBlueprint, { isLoading: imageBuildLoading }] =
useComposeBlueprintMutation();
@ -19,8 +27,9 @@ export const BuildImagesButton = () => {
onClick={onBuildHandler}
isDisabled={!selectedBlueprintId}
isLoading={imageBuildLoading}
variant={variant}
>
Build images
{children ? children : 'Build images'}
</Button>
);
};