From b370b97bceb8013a98448b0e5167acfefa0bb661 Mon Sep 17 00:00:00 2001
From: Karan Hotchandani <33024356+karanh37@users.noreply.github.com>
Date: Fri, 30 Aug 2024 14:29:51 +0530
Subject: [PATCH] show tier tag with styles (#17643)

(cherry picked from commit d39ea588629afa0db8f343780d67989841514947)
---
 .../ExploreV1/ExploreSearchCard/ExploreSearchCard.tsx  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreSearchCard/ExploreSearchCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreSearchCard/ExploreSearchCard.tsx
index 4449db23338..f7edd957a4c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreSearchCard/ExploreSearchCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreSearchCard/ExploreSearchCard.tsx
@@ -17,6 +17,7 @@ import { ExtraInfo } from 'Models';
 import React, { forwardRef, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useParams } from 'react-router-dom';
+import { TAG_START_WITH } from '../../../constants/Tag.constants';
 import { useTourProvider } from '../../../context/TourProvider/TourProvider';
 import { EntityType } from '../../../enums/entity.enum';
 import {
@@ -24,6 +25,7 @@ import {
   Status,
 } from '../../../generated/entity/data/glossaryTerm';
 import { EntityReference } from '../../../generated/entity/type';
+import { TagLabel } from '../../../generated/tests/testCase';
 import { getEntityName } from '../../../utils/EntityUtils';
 import { getDomainPath } from '../../../utils/RouterUtils';
 import searchClassBase from '../../../utils/SearchClassBase';
@@ -33,6 +35,7 @@ import { OwnerLabel } from '../../common/OwnerLabel/OwnerLabel.component';
 import TitleBreadcrumb from '../../common/TitleBreadcrumb/TitleBreadcrumb.component';
 import TableDataCardBody from '../../Database/TableDataCardBody/TableDataCardBody';
 import { GlossaryStatusBadge } from '../../Glossary/GlossaryStatusBadge/GlossaryStatusBadge.component';
+import TagsV1 from '../../Tag/TagsV1/TagsV1.component';
 import './explore-search-card.less';
 import { ExploreSearchCardProps } from './ExploreSearchCard.interface';
 
@@ -64,7 +67,12 @@ const ExploreSearchCard: React.FC<ExploreSearchCardProps> = forwardRef<
     const otherDetails = useMemo(() => {
       const tierValue = isString(source.tier)
         ? source.tier
-        : getEntityName(source.tier);
+        : source.tier && (
+            <TagsV1
+              startWith={TAG_START_WITH.SOURCE_ICON}
+              tag={source.tier as TagLabel}
+            />
+          );
 
       const _otherDetails: ExtraInfo[] = [
         {