Added welcome icon and removed collate from build process name (#204)

catalog-rest-service/src/main/resources/ui/jest.config.js

@@ -17,7 +17,7 @@
 
 module.exports = {
   // Project name
-  displayName: '@collate/openmetadata',
+  displayName: '@openmetadata',
 
   // Working directory
   roots: ['<rootDir>/src'],

catalog-rest-service/src/main/resources/ui/src/components/Modals/FirstTimeUserModal/FirstTimeUserModal.tsx

@@ -43,14 +43,10 @@ export const FirstTimeUserModal: FunctionComponent<Props> = ({
         className="tw-modal-container tw-modal-confetti tw-max-w-xl tw-max-h-90vh"
         style={{ backgroundImage: active === 0 ? `url(${BGConfetti})` : '' }}>
         <div className="tw-modal-header tw-border-0 tw-justify-center tw-pt-8 tw-pb-0">
-          <div className="tw-flex tw-flex-col tw-justify-center tw-items-center tw-mt-14">
+          <div className="tw-flex tw-flex-col tw-justify-center tw-items-center tw-mt-12">
             {active === 0 ? (
               // TODO: Replace it with Party popper icon
-              <SVGIcons
-                alt="OpenMetadata Logo"
-                icon={Icons.LOGO_SMALL}
-                width="50"
-              />
+              <SVGIcons alt="Welcome" icon={Icons.WELCOME_POPPER} width="60" />
             ) : (
               <SVGIcons
                 alt="OpenMetadata Logo"
@@ -58,7 +54,7 @@ export const FirstTimeUserModal: FunctionComponent<Props> = ({
                 width="50"
               />
             )}
-            <p className="tw-modal-title tw-text-h4 tw-font-semibold tw-text-primary-active tw-mt-3">
+            <p className="tw-modal-title tw-text-h4 tw-font-semibold tw-text-primary-active tw-mt-5">
               Welcome to OpenMetadata
             </p>
           </div>

catalog-rest-service/src/main/resources/ui/src/components/app-bar/SearchOptions.tsx

@@ -66,7 +66,7 @@ const SearchOptions: FunctionComponent<SearchOptionsProp> = ({
               <Link
                 className="link-text tw-flex tw-justify-between tw-px-4 tw-py-2 tw-text-sm 
                     hover:tw-bg-body-hover"
-                data-testid="InCollate"
+                data-testid="InOpenMetadata"
                 to={getExplorePathWithSearch(searchText)}
                 onClick={() => setIsOpen(false)}>
                 {searchText}

catalog-rest-service/src/main/resources/ui/src/utils/SvgUtils.tsx

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import IconGoogle from '../assets/img/google-icon.png';
+import IconWelcomePopper from '../assets/img/welcome-popper-icon.png';
 import IconAPI from '../assets/svg/api.svg';
 import IconSuccess from '../assets/svg/check.svg';
 import IconAsstest from '../assets/svg/data-assets.svg';
@@ -57,6 +58,7 @@ type Props = {
 export const Icons = {
   LOGO: 'logo',
   LOGO_SMALL: 'logo-small',
+  WELCOME_POPPER: 'welcome-popper',
   GOOGLE_ICON: 'google-icon',
   EDIT: 'icon-edit',
   EXPLORE: 'icon-explore',
@@ -153,6 +155,10 @@ const SVGIcons: FunctionComponent<Props> = ({
     case Icons.LOGO_SMALL:
       IconComponent = LogoMonogram;
 
+      break;
+    case Icons.WELCOME_POPPER:
+      IconComponent = IconWelcomePopper;
+
       break;
     case Icons.GOOGLE_ICON:
       IconComponent = IconGoogle;

catalog-rest-service/src/main/resources/ui/webpack.config.dev.js

@@ -165,7 +165,7 @@ module.exports = {
     }),
     // Build progress bar
     new WebpackBar({
-      name: '@collate/openmetadata [dev]',
+      name: '@openmetadata [dev]',
       color: '#54BAC9',
     }),
     new MiniCssExtractPlugin({

catalog-rest-service/src/main/resources/ui/webpack.config.prod.js

@@ -158,7 +158,7 @@ module.exports = {
     }),
     // Build progress bar
     new WebpackBar({
-      name: '@collate/openmetadata [prod]',
+      name: '@openmetadata [prod]',
       color: '#15C39B',
     }),
     new MiniCssExtractPlugin({