From f485cec6903ca1a7eeebebde356e28365cd6bcdc Mon Sep 17 00:00:00 2001
From: Jacob Kozol <jacobdkozol@gmail.com>
Date: Tue, 20 Apr 2021 15:39:52 +0200
Subject: [PATCH] ImagesTable: add documentation link to empty state

---
 .../ImagesTable/ImagesTable.js                | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/SmartComponents/ImagesTable/ImagesTable.js b/src/SmartComponents/ImagesTable/ImagesTable.js
index 32ff17ec..3d3e4ed2 100644
--- a/src/SmartComponents/ImagesTable/ImagesTable.js
+++ b/src/SmartComponents/ImagesTable/ImagesTable.js
@@ -5,8 +5,11 @@ import { actions } from '../../store/actions';
 import { Link } from 'react-router-dom';
 import { Table, TableHeader, TableBody, classNames, Visibility } from '@patternfly/react-table';
 import { TableToolbar } from '@redhat-cloud-services/frontend-components';
-import { ToolbarGroup, ToolbarItem, EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody, Title } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons';
+import { Button,
+    ToolbarGroup, ToolbarItem,
+    EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody, EmptyStateSecondaryActions,
+    Title } from '@patternfly/react-core';
+import { ExternalLinkAltIcon, PlusCircleIcon } from '@patternfly/react-icons';
 
 import ImageBuildStatus from '../../PresentationalComponents/ImagesTable/ImageBuildStatus';
 import Release from '../../PresentationalComponents/ImagesTable/Release';
@@ -95,6 +98,18 @@ class ImagesTable extends Component {
                         <Link to="/imagewizard" className="pf-c-button pf-m-primary" data-testid="create-image-action">
                         Create image
                         </Link>
+                        <EmptyStateSecondaryActions>
+                            <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>
+                        </EmptyStateSecondaryActions>
                     </EmptyState>
                 ) || (
                     <React.Fragment>