Fixes #28802 - lint issue in empty state component

theforeman · Feb 23, 2020 · bdbe179 · bdbe179
1 parent 4244ee6
commit bdbe179
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/webpack/assets/javascripts/react_app/components/common/EmptyState/DefaultEmptyState.js b/webpack/assets/javascripts/react_app/components/common/EmptyState/DefaultEmptyState.js
@@ -5,38 +5,37 @@ import SecondaryActionButtons from './EmptyStateSecondaryActionButtons';
 import { defaultEmptyStatePropTypes } from './EmptyStatePropTypes';
 import { translate as __ } from '../../../common/I18n';
 
-const documentationBlock = ({
-  url,
-  label = __('For more information please see'),
-  buttonLabel = __('Documentation'),
-}) =>
-  url && (
-    <React.Fragment>
-      {label}{' '}
-      <a href={url} target="_blank" rel="noopener noreferrer">
-        {buttonLabel}
-      </a>
-    </React.Fragment>
-  );
-
 const DefaultEmptyState = props => {
   const {
     icon,
     iconType,
     header,
     description,
-    documentation,
+    documentation: {
+      url,
+      label = __('For more information please see'),
+      buttonLabel = __('Documentation'),
+    } = {},
     action,
     secondaryActions,
   } = props;
 
+  const documentationBlock = url ? (
+    <React.Fragment>
+      {label}{' '}
+      <a href={url} target="_blank" rel="noopener noreferrer">
+        {buttonLabel}
+      </a>
+    </React.Fragment>
+  ) : null;
+
   return (
     <EmptyStatePattern
       icon={icon}
       iconType={iconType}
       header={header}
       description={description}
-      documentation={documentation ? documentationBlock(documentation) : null}
+      documentation={documentationBlock}
       action={action ? <PrimaryActionButton action={action} /> : null}
       secondaryActions={<SecondaryActionButtons actions={secondaryActions} />}
     />