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

This commit is contained in:
darth-coder00 2021-08-16 18:29:24 +05:30 committed by GitHub
parent c53f3c7d60
commit 358c49d762
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 13 additions and 11 deletions

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

View File

@ -43,14 +43,10 @@ export const FirstTimeUserModal: FunctionComponent<Props> = ({
className="tw-modal-container tw-modal-confetti tw-max-w-xl tw-max-h-90vh" className="tw-modal-container tw-modal-confetti tw-max-w-xl tw-max-h-90vh"
style={{ backgroundImage: active === 0 ? `url(${BGConfetti})` : '' }}> 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-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 ? ( {active === 0 ? (
// TODO: Replace it with Party popper icon // TODO: Replace it with Party popper icon
<SVGIcons <SVGIcons alt="Welcome" icon={Icons.WELCOME_POPPER} width="60" />
alt="OpenMetadata Logo"
icon={Icons.LOGO_SMALL}
width="50"
/>
) : ( ) : (
<SVGIcons <SVGIcons
alt="OpenMetadata Logo" alt="OpenMetadata Logo"
@ -58,7 +54,7 @@ export const FirstTimeUserModal: FunctionComponent<Props> = ({
width="50" 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 Welcome to OpenMetadata
</p> </p>
</div> </div>

View File

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

View File

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

View File

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

View File

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