From 7fe7919dfaddf6e59fcbb7cf61d7136bda272d38 Mon Sep 17 00:00:00 2001
From: regexowl <ksimicko@redhat.com>
Date: Mon, 15 Jan 2024 09:18:46 +0100
Subject: [PATCH] V2Wizard: Add Repositories step to the Wizard

This adds Content as a step and Repositories as a substep to the Wizard.
---
 .../CreateImageWizardV2/CreateImageWizard.tsx | 15 +++++++
 .../steps/Repositories/index.tsx              | 39 +++++++++++++++++++
 2 files changed, 54 insertions(+)
 create mode 100644 src/Components/CreateImageWizardV2/steps/Repositories/index.tsx

diff --git a/src/Components/CreateImageWizardV2/CreateImageWizard.tsx b/src/Components/CreateImageWizardV2/CreateImageWizard.tsx
index 51c3b7f1..25e6cf57 100644
--- a/src/Components/CreateImageWizardV2/CreateImageWizard.tsx
+++ b/src/Components/CreateImageWizardV2/CreateImageWizard.tsx
@@ -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"
diff --git a/src/Components/CreateImageWizardV2/steps/Repositories/index.tsx b/src/Components/CreateImageWizardV2/steps/Repositories/index.tsx
new file mode 100644
index 00000000..872145b0
--- /dev/null
+++ b/src/Components/CreateImageWizardV2/steps/Repositories/index.tsx
@@ -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;