From fcc5b62def5e9750e074d7b863c8cc3f93680da8 Mon Sep 17 00:00:00 2001
From: Jacob Kozol <jacobdkozol@gmail.com>
Date: Tue, 20 Apr 2021 15:40:02 +0200
Subject: [PATCH] CreateImageWizard: add description

The wizard now contains a subtitle/description which includes a link to
documentation.
---
 .../CreateImageWizard/CreateImageWizard.js      | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/SmartComponents/CreateImageWizard/CreateImageWizard.js b/src/SmartComponents/CreateImageWizard/CreateImageWizard.js
index 28753a76..5b8ed57a 100644
--- a/src/SmartComponents/CreateImageWizard/CreateImageWizard.js
+++ b/src/SmartComponents/CreateImageWizard/CreateImageWizard.js
@@ -4,7 +4,8 @@ import { withRouter } from 'react-router-dom';
 import { connect } from 'react-redux';
 import { actions } from '../../store/actions';
 
-import { Wizard } from '@patternfly/react-core';
+import { Button, Text, Wizard } from '@patternfly/react-core';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 import { addNotification } from '@redhat-cloud-services/frontend-components-notifications/redux';
 
 import WizardStepImageOutput from './WizardStepImageOutput';
@@ -293,6 +294,20 @@ class CreateImageWizard extends Component {
             <React.Fragment>
                 <Wizard
                     title={ 'Create image' }
+                    description={ <Text>
+                        Create a RHEL image and push it to cloud providers.
+                        {' '}
+                        <Button
+                            component="a"
+                            target="_blank"
+                            variant="link"
+                            icon={ <ExternalLinkAltIcon /> }
+                            iconPosition="right"
+                            isInline
+                            href="https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/8-beta/">
+                                Documentation
+                        </Button>
+                    </Text> }
                     onNext={ this.onStep }
                     onGoToStep={ this.onStep }
                     steps={ steps }