diff --git a/catalog-rest-service/src/main/resources/ui/src/components/onboarding/Onboarding.tsx b/catalog-rest-service/src/main/resources/ui/src/components/onboarding/Onboarding.tsx index d5e20bb95eb..98399478106 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/onboarding/Onboarding.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/onboarding/Onboarding.tsx @@ -18,84 +18,37 @@ import React from 'react'; import SVGIcons, { Icons } from '../../utils/SvgUtils'; -const Onboarding: React.FC = () => { - const clipPath = { - clipPath: 'polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)', - }; +const data = [ + 'Look at the popular data assets in your organization.', + 'Data works well when it is owned. Take a look at the data assets that you own and claim ownership.', + 'Follow the datasets that you frequently use to stay informed about it.', +]; +const Onboarding: React.FC = () => { return (
-
-

3 Steps to get started with OpenMetadata

-
-
-
- - 1 - +
+
+

Welcome to OpenMetadata.

+

+ A central place to discover and collaborate on all your data. +

+
+
+ {data.map((d, i) => ( +
+
+ + {i + 1} + +
+
+

{d}

+
-
-

- Lorem ipsum dolor sit amet. -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-
-
- -
-
- - 2 - -
-
-

- Lorem ipsum dolor sit amet. -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-
-
- -
-
- - 3 - -
-
-

- Lorem ipsum dolor sit amet. -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Distinctio, illum! -

-
-
+ ))}