diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GithubStarCard/GithubStarCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GithubStarCard/GithubStarCard.component.tsx index 4792056c7a6c..122f66cfc266 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/GithubStarCard/GithubStarCard.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/GithubStarCard/GithubStarCard.component.tsx @@ -17,9 +17,10 @@ import { CookieStorage } from 'cookie-storage'; import React, { useCallback, useEffect, useMemo, useState } from 'react'; import { useTranslation } from 'react-i18next'; import { Link, useLocation } from 'react-router-dom'; +import { ReactComponent as CloseIcon } from '../../assets/svg/close.svg'; import { ReactComponent as StarGithubIcon } from '../../assets/svg/ic-star-github.svg'; import { ReactComponent as StarIcon } from '../../assets/svg/ic-start-filled-github.svg'; -import { ROUTES, STAR_OMD_USER } from '../../constants/constants'; +import { BLACK_COLOR, ROUTES, STAR_OMD_USER } from '../../constants/constants'; import { OMD_REPOSITORY_LINK } from '../../constants/docs.constants'; import { getRepositoryData } from '../../rest/commonAPI'; import { getReleaseVersionExpiry } from '../../utils/WhatsNewModal.util'; @@ -88,6 +89,10 @@ const GithubStarCard = () => { ] ); + const handleCancel = useCallback(() => { + setShowGithubStarPopup(false); + }, []); + useEffect(() => { updateGithubPopup(!usernameExistsInCookie); @@ -104,12 +109,21 @@ const GithubStarCard = () => { } `}> - - - - - {t('label.star-us-on-github')} - + + + + + + {t('label.star-us-on-github')} + + +