From f5fc2ee3e54e78d50c4eccc482b1c50b45583e86 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Tue, 20 May 2025 15:46:22 +0530
Subject: [PATCH] fix the tags rendering in entity version pages (#21305)

(cherry picked from commit ccb467fdc96f575b97a6a629530726f872577e6f)
---
 .../APIEndpoint/APIEndpointVersion/APIEndpointVersion.tsx        | 1 +
 .../Container/ContainerVersion/ContainerVersion.component.tsx    | 1 +
 .../Dashboard/DashboardVersion/DashboardVersion.component.tsx    | 1 +
 .../DataModel/DataModelVersion/DataModelVersion.component.tsx    | 1 +
 .../StoredProcedureVersion/StoredProcedureVersion.component.tsx  | 1 +
 .../components/Database/TableVersion/TableVersion.component.tsx  | 1 +
 .../ui/src/components/Metric/MetricVersion/MetricVersion.tsx     | 1 +
 .../MlModel/MlModelVersion/MlModelVersion.component.tsx          | 1 +
 .../Pipeline/PipelineVersion/PipelineVersion.component.tsx       | 1 +
 .../ui/src/components/SearchIndexVersion/SearchIndexVersion.tsx  | 1 +
 .../src/components/Topic/TopicVersion/TopicVersion.component.tsx | 1 +
 .../ui/src/pages/APICollectionPage/APICollectionVersionPage.tsx  | 1 +
 .../DatabaseSchemaVersionPage/DatabaseSchemaVersionPage.tsx      | 1 +
 .../ui/src/pages/DatabaseVersionPage/DatabaseVersionPage.tsx     | 1 +
 .../pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx    | 1 +
 15 files changed, 15 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/APIEndpoint/APIEndpointVersion/APIEndpointVersion.tsx b/openmetadata-ui/src/main/resources/ui/src/components/APIEndpoint/APIEndpointVersion/APIEndpointVersion.tsx
index dff938d683e..a3a367f54d5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/APIEndpoint/APIEndpointVersion/APIEndpointVersion.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/APIEndpoint/APIEndpointVersion/APIEndpointVersion.tsx
@@ -140,6 +140,7 @@ const APIEndpointVersion: FC<APIEndpointVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.API_ENDPOINT}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Container/ContainerVersion/ContainerVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Container/ContainerVersion/ContainerVersion.component.tsx
index eaee43d3093..6303faeb5fe 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Container/ContainerVersion/ContainerVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Container/ContainerVersion/ContainerVersion.component.tsx
@@ -185,6 +185,7 @@ const ContainerVersion: React.FC<ContainerVersionProp> = ({
 
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.CONTAINER}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DashboardVersion/DashboardVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DashboardVersion/DashboardVersion.component.tsx
index 3ba052c4b67..76cf5576e86 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DashboardVersion/DashboardVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DashboardVersion/DashboardVersion.component.tsx
@@ -213,6 +213,7 @@ const DashboardVersion: FC<DashboardVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.DASHBOARD}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DataModel/DataModelVersion/DataModelVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DataModel/DataModelVersion/DataModelVersion.component.tsx
index f65f92a81a1..c444b151874 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DataModel/DataModelVersion/DataModelVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Dashboard/DataModel/DataModelVersion/DataModelVersion.component.tsx
@@ -171,6 +171,7 @@ const DataModelVersion: FC<DataModelVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.DASHBOARD_DATA_MODEL}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
index 8c8171dd499..0b2fe88ebf2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/StoredProcedureVersion/StoredProcedureVersion.component.tsx
@@ -136,6 +136,7 @@ const StoredProcedureVersion = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.STORED_PROCEDURE}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableVersion/TableVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableVersion/TableVersion.component.tsx
index 94ed44e91a6..2efd18c2448 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/TableVersion/TableVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/TableVersion/TableVersion.component.tsx
@@ -187,6 +187,7 @@ const TableVersion: React.FC<TableVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.TABLE}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Metric/MetricVersion/MetricVersion.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Metric/MetricVersion/MetricVersion.tsx
index cc08292dcbd..34c2d65f936 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Metric/MetricVersion/MetricVersion.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Metric/MetricVersion/MetricVersion.tsx
@@ -142,6 +142,7 @@ const MetricVersion: FC<MetricVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.METRIC}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/MlModel/MlModelVersion/MlModelVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/MlModel/MlModelVersion/MlModelVersion.component.tsx
index 2f572b18289..f5fdbab85f7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/MlModel/MlModelVersion/MlModelVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/MlModel/MlModelVersion/MlModelVersion.component.tsx
@@ -294,6 +294,7 @@ const MlModelVersion: FC<MlModelVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.MLMODEL}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Pipeline/PipelineVersion/PipelineVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Pipeline/PipelineVersion/PipelineVersion.component.tsx
index a38b1a68b39..85be7803fba 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Pipeline/PipelineVersion/PipelineVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Pipeline/PipelineVersion/PipelineVersion.component.tsx
@@ -223,6 +223,7 @@ const PipelineVersion: FC<PipelineVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.PIPELINE}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/SearchIndexVersion/SearchIndexVersion.tsx b/openmetadata-ui/src/main/resources/ui/src/components/SearchIndexVersion/SearchIndexVersion.tsx
index 4af1e8d636f..177f57e7561 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/SearchIndexVersion/SearchIndexVersion.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/SearchIndexVersion/SearchIndexVersion.tsx
@@ -165,6 +165,7 @@ const SearchIndexVersion: React.FC<SearchIndexVersionProps> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.SEARCH_INDEX}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Topic/TopicVersion/TopicVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Topic/TopicVersion/TopicVersion.component.tsx
index aa81fda1718..760ed31cada 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Topic/TopicVersion/TopicVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Topic/TopicVersion/TopicVersion.component.tsx
@@ -158,6 +158,7 @@ const TopicVersion: FC<TopicVersionProp> = ({
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     entityType={EntityType.TOPIC}
                     key={tagType}
                     permission={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/APICollectionPage/APICollectionVersionPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/APICollectionPage/APICollectionVersionPage.tsx
index 106f598112f..74f5ef8b6e1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/APICollectionPage/APICollectionVersionPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/APICollectionPage/APICollectionVersionPage.tsx
@@ -304,6 +304,7 @@ const APICollectionVersionPage = () => {
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     displayType={DisplayType.READ_MORE}
                     entityType={EntityType.API_COLLECTION}
                     key={tagType}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseSchemaVersionPage/DatabaseSchemaVersionPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseSchemaVersionPage/DatabaseSchemaVersionPage.tsx
index 692061cb200..3ce309eda38 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseSchemaVersionPage/DatabaseSchemaVersionPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseSchemaVersionPage/DatabaseSchemaVersionPage.tsx
@@ -274,6 +274,7 @@ function DatabaseSchemaVersionPage() {
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     displayType={DisplayType.READ_MORE}
                     entityType={EntityType.DATABASE_SCHEMA}
                     key={tagType}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseVersionPage/DatabaseVersionPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseVersionPage/DatabaseVersionPage.tsx
index 92c89cdf576..bf4945520be 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseVersionPage/DatabaseVersionPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/DatabaseVersionPage/DatabaseVersionPage.tsx
@@ -221,6 +221,7 @@ function DatabaseVersionPage() {
                 />
                 {Object.keys(TagSource).map((tagType) => (
                   <TagsContainerV2
+                    newLook
                     displayType={DisplayType.READ_MORE}
                     entityType={EntityType.DATABASE}
                     key={tagType}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx
index d423935be05..4db337a9c99 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ServiceVersionPage/ServiceVersionMainTabContent.tsx
@@ -108,6 +108,7 @@ function ServiceVersionMainTabContent({
         <Space className="w-full" direction="vertical" size="large">
           {Object.keys(TagSource).map((tagType) => (
             <TagsContainerV2
+              newLook
               displayType={DisplayType.READ_MORE}
               entityFqn={serviceFQN}
               entityType={entityType}