V2Wizard: Add <ImageOutput> skeleton

Adds the foundation for the image output step.
This commit is contained in:
lucasgarfield 2024-01-05 18:40:48 +01:00 committed by Sanne Raymaekers
parent b446f1d1e4
commit 2465ab4b84
3 changed files with 27 additions and 2 deletions

View file

@ -15,6 +15,8 @@ import { initializeWizard } from '../../store/wizardSlice';
import { resolveRelPath } from '../../Utilities/path';
import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader';
import ImageOutputStep from './steps/ImageOutput';
type CustomWizardFooterPropType = {
disableNext: boolean;
};
@ -54,7 +56,9 @@ const CreateImageWizard = () => {
name="Image output"
id="step-image-output"
footer={<CustomWizardFooter disableNext={false} />}
></WizardStep>
>
<ImageOutputStep />
</WizardStep>
<WizardStep
name="Review"
id="step-review"

View file

@ -0,0 +1,21 @@
import React from 'react';
import { Text, Form, Title } from '@patternfly/react-core';
import DocumentationButton from '../../../sharedComponents/DocumentationButton';
const ImageOutputStep = () => {
return (
<Form>
<Title headingLevel="h2">Image output</Title>
<Text>
Image builder allows you to create a custom image and push it to target
environments.
<br />
<DocumentationButton />
</Text>
</Form>
);
};
export default ImageOutputStep;