From c703ac4319d50e67afd650ca9a525c5259296abc Mon Sep 17 00:00:00 2001
From: darth-coder00 <86726556+darth-coder00@users.noreply.github.com>
Date: Fri, 13 Aug 2021 23:16:54 +0530
Subject: [PATCH] Knowledge base added (#145)

* Fixed some misc UI issues

* Minor fixes

* Added knowledge base content
---
 .../src/components/my-data/MyDataHeader.tsx   | 25 +++++++++++++++----
 .../resources/ui/src/pages/my-data/index.tsx  | 12 +++++----
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/catalog-rest-service/src/main/resources/ui/src/components/my-data/MyDataHeader.tsx b/catalog-rest-service/src/main/resources/ui/src/components/my-data/MyDataHeader.tsx
index 35d314feebf..9e903d58bf5 100644
--- a/catalog-rest-service/src/main/resources/ui/src/components/my-data/MyDataHeader.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/components/my-data/MyDataHeader.tsx
@@ -24,11 +24,6 @@ const LANDING_STATES = [
       'Create a service to bring in metadata. Click Settings -> Services to explore available services.',
     route: ROUTES.SERVICES,
   },
-  {
-    title: 'Knowledgebase',
-    description:
-      'Donec tempus eu dolor non vehicula. Etiam malesuada, sapien ac euismod condimentum.',
-  },
 ];
 
 const MyDataHeader: FunctionComponent<Props> = ({
@@ -115,6 +110,26 @@ const MyDataHeader: FunctionComponent<Props> = ({
             <p>{getFormattedDescription(d.description)}</p>
           </div>
         ))}
+        <div className="tw-card tw-p-3 tw-w-72">
+          <p className="tw-font-medium tw-mb-1">Knowledgebase</p>
+          <p>
+            Check our{' '}
+            <a
+              className="link-text"
+              href="https://docs.open-metadata.org/"
+              rel="noopener noreferrer"
+              target="_blank">
+              docs
+            </a>{' '}
+            for documentation and try out the{' '}
+            <span
+              className="link-text"
+              onClick={() => handleRouting(ROUTES.SWAGGER)}>
+              APIs
+            </span>{' '}
+            here.
+          </p>
+        </div>
       </div>
     </section>
   );
diff --git a/catalog-rest-service/src/main/resources/ui/src/pages/my-data/index.tsx b/catalog-rest-service/src/main/resources/ui/src/pages/my-data/index.tsx
index 0fd3c357aac..b5c66005892 100644
--- a/catalog-rest-service/src/main/resources/ui/src/pages/my-data/index.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/pages/my-data/index.tsx
@@ -151,11 +151,13 @@ const MyDataPage: React.FC = (): React.ReactElement => {
               searchText="*"
               showResultCount={filter && data.length > 0 ? true : false}
               totalValue={totalNumberOfValue}>
-              <MyDataHeader
-                countAssets={countAssets}
-                countServices={countServices}
-              />
-              {getTabs()}
+              <>
+                <MyDataHeader
+                  countAssets={countAssets}
+                  countServices={countServices}
+                />
+                {getTabs()}
+              </>
             </SearchedData>
           )}
         </>