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:
parent
e854ee390c
commit
7fe7919dfa
2 changed files with 54 additions and 0 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
Loading…
Add table
Add a link
Reference in a new issue