From ccdfef8f0efe7c487219d171df312dd2bd47e54e Mon Sep 17 00:00:00 2001
From: Sachin Chaurasiya <sachinchaurasiyachotey87@gmail.com>
Date: Fri, 15 Jul 2022 21:08:55 +0530
Subject: [PATCH] Fix #6115 UI : Getting `Invalid field name policyUrl` on the
 roles page (#6124)

* Fix #6115 UI : Getting `Invalid field name policyUrl` on the roles page

* Fix: Entity should be a hyperlink - Explore page
---
 .../common/table-data-card/TableDataCard.tsx   | 18 ++++++++++--------
 .../pages/RolesPage/RolesPage.component.tsx    |  5 +----
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCard.tsx
index d0e80300bdd..f2e6ca5fe4f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCard.tsx
@@ -16,7 +16,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { isNil, isString, isUndefined, startCase, uniqueId } from 'lodash';
 import { ExtraInfo } from 'Models';
 import React, { FunctionComponent } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
+import { Link, useHistory, useLocation } from 'react-router-dom';
 import AppState from '../../../AppState';
 import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants';
 import { ROUTES } from '../../../constants/constants';
@@ -151,13 +151,15 @@ const TableDataCard: FunctionComponent<Props> = ({
             src={serviceTypeLogo(serviceType || '')}
           />
           <h6 className="tw-flex tw-items-center tw-m-0 tw-text-base tw-pl-2">
-            <button
-              className="tw-text-grey-body tw-font-semibold"
-              data-testid="table-link"
-              id={`${id}Title`}
-              onClick={handleLinkClick}>
-              {stringToHTML(name)}
-            </button>
+            <Link to={getEntityLink(indexType, fullyQualifiedName)}>
+              <button
+                className="tw-text-grey-body tw-font-semibold"
+                data-testid="table-link"
+                id={`${id}Title`}
+                onClick={handleLinkClick}>
+                {stringToHTML(name)}
+              </button>
+            </Link>
           </h6>
           {deleted && (
             <>
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesPage.component.tsx
index ae89dea207d..65bad1ab0ee 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesPage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesPage.component.tsx
@@ -172,10 +172,7 @@ const RolesPage = () => {
 
   const fetchPolicy = (id: string) => {
     setIsLoadingPolicy(true);
-    getPolicy(
-      id,
-      'displayName,description,owner,policyUrl,enabled,rules,location'
-    )
+    getPolicy(id, 'displayName,description,owner,enabled,rules,location')
       .then((res: AxiosResponse) => {
         if (res.data) {
           setCurrentRolePolicies((preV) => [...preV, res.data]);