From ef55fd902eb590807e2933126e7fc7db71104ec6 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Thu, 8 Sep 2022 17:44:28 +0530
Subject: [PATCH] Change Placeholder with new one (#7336)

---
 .../Ingestion/Ingestion.component.tsx         | 39 +++++++------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Ingestion/Ingestion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Ingestion/Ingestion.component.tsx
index 03852a0bb35..a699e4f3e0b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Ingestion/Ingestion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Ingestion/Ingestion.component.tsx
@@ -13,13 +13,14 @@
 
 import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Button, Empty, Tooltip } from 'antd';
+import { Button, Tooltip, Typography } from 'antd';
 import classNames from 'classnames';
 import cronstrue from 'cronstrue';
 import { capitalize, isNil, lowerCase, startCase } from 'lodash';
 import React, { Fragment, useCallback, useState } from 'react';
-import { Link, useHistory } from 'react-router-dom';
+import { useHistory } from 'react-router-dom';
 import { PAGE_SIZE } from '../../constants/constants';
+import { WORKFLOWS_METADATA_DOCS } from '../../constants/docs.constants';
 import { NO_PERMISSION_TO_VIEW } from '../../constants/HelperTextUtil';
 import { Connection } from '../../generated/entity/services/databaseService';
 import {
@@ -34,6 +35,7 @@ import {
 import { dropdownIcon as DropdownIcon } from '../../utils/svgconstant';
 import SVGIcons, { Icons } from '../../utils/SvgUtils';
 import { showSuccessToast } from '../../utils/ToastUtils';
+import ErrorPlaceHolder from '../common/error-with-placeholder/ErrorPlaceHolder';
 import NextPrevious from '../common/next-previous/NextPrevious';
 import PopOver from '../common/popover/PopOver';
 import Searchbar from '../common/searchbar/Searchbar';
@@ -626,28 +628,17 @@ const Ingestion: React.FC<IngestionProps> = ({
         ) : (
           isRequiredDetailsAvailable &&
           ingestionList.length === 0 && (
-            <div className="tw-border tw-border-main tw-rounded-md tw-mt-2 tw-p-8 tw-w-full tw-bg-white">
-              <Empty
-                description={
-                  <>
-                    <p>No ingestion data available</p>
-                    <p className="tw-mt-2">
-                      To view Ingestion Data, run the MetaData Ingestion. Please
-                      refer to this doc to schedule the{' '}
-                      <Link
-                        className="tw-ml-1"
-                        target="_blank"
-                        to={{
-                          pathname:
-                            'https://docs.open-metadata.org/openmetadata/ingestion/workflows/metadata',
-                        }}>
-                        Metadata Ingestion
-                      </Link>
-                    </p>
-                  </>
-                }
-              />
-            </div>
+            <ErrorPlaceHolder>
+              <Typography.Text>No ingestion data available</Typography.Text>
+              <Typography.Text>
+                To view Ingestion Data, run the MetaData Ingestion. Please refer
+                to this doc to schedule the{' '}
+              </Typography.Text>
+              <Typography.Link href={WORKFLOWS_METADATA_DOCS} target="_blank">
+                {' '}
+                Metadata Ingestion
+              </Typography.Link>
+            </ErrorPlaceHolder>
           )
         )}
       </div>