V2Wizard: Add Repositories step to the Wizard

This adds Content as a step and Repositories as a substep to the Wizard.
This commit is contained in:
regexowl 2024-01-15 09:18:46 +01:00 committed by Lucas Garfield
parent e854ee390c
commit 7fe7919dfa
2 changed files with 54 additions and 0 deletions

View file

@ -13,6 +13,7 @@ import DetailsStep from './steps/Details';
import ImageOutputStep from './steps/ImageOutput';
import OscapStep from './steps/Oscap';
import RegistrationStep from './steps/Registration';
import RepositoriesStep from './steps/Repositories';
import Aws from './steps/TargetEnvironment/Aws';
import Gcp from './steps/TargetEnvironment/Gcp';
import {
@ -179,6 +180,20 @@ const CreateImageWizard = () => {
>
<OscapStep />
</WizardStep>
<WizardStep
name="Content"
id="step-content"
steps={[
<WizardStep
name="Custom repositories"
id="wizard-custom-repositories"
key="wizard-custom-repositories"
footer={<CustomWizardFooter disableNext={false} />}
>
<RepositoriesStep />
</WizardStep>,
]}
></WizardStep>
<WizardStep
name="Details"
id="step-details"

View file

@ -0,0 +1,39 @@
import React from 'react';
import { Button, Form, Text, Title } from '@patternfly/react-core';
import { ExternalLinkAltIcon } from '@patternfly/react-icons';
import { useGetEnvironment } from '../../../../Utilities/useGetEnvironment';
const ManageRepositoriesButton = () => {
const { isBeta } = useGetEnvironment();
return (
<Button
component="a"
target="_blank"
variant="link"
iconPosition="right"
isInline
icon={<ExternalLinkAltIcon />}
href={isBeta() ? '/preview/settings/content' : '/settings/content'}
>
Create and manage repositories here
</Button>
);
};
const RepositoriesStep = () => {
return (
<Form>
<Title headingLevel="h2">Custom repositories</Title>
<Text>
Select from linked custom repositories from which to search and add
packages to this image.
<br />
<ManageRepositoriesButton />
</Text>
</Form>
);
};
export default RepositoriesStep;