refactor: replace RouterUtils with ObservabilityRouterClassBase for navigation paths

openmetadata-ui/src/main/resources/ui/src/components/DataQuality/AddToBundleSuiteModal/AddToBundleSuiteModal.component.tsx

@@ -33,7 +33,7 @@ import {
 } from '../../../rest/testAPI';
 import { getEntityName } from '../../../utils/EntityUtils';
 import { getPopupContainer } from '../../../utils/formUtils';
-import { getTestSuitePath } from '../../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../../utils/ObservabilityRouterClassBase';
 import { showErrorToast, showSuccessToast } from '../../../utils/ToastUtils';
 import { AddToBundleSuiteModalProps } from './AddToBundleSuiteModal.interface';
 
@@ -128,7 +128,7 @@ const AddToBundleSuiteModal: React.FC<AddToBundleSuiteModalProps> = ({
         (opt) => opt.value === selectedSuiteId
       );
       if (selectedSuite?.suite.fullyQualifiedName) {
-        navigate(getTestSuitePath(selectedSuite.suite.fullyQualifiedName));
+        navigate(observabilityRouterClassBase.getTestSuitePath(selectedSuite.suite.fullyQualifiedName));
       }
 
       onAddedToExisting();

openmetadata-ui/src/main/resources/ui/src/components/DataQuality/DataQualityDashboard/DataQualityDashboard.component.tsx

@@ -34,7 +34,7 @@ import {
   FAILED_CHART_COLOR_SCHEME,
   SUCCESS_CHART_COLOR_SCHEME,
 } from '../../../constants/Chart.constants';
-import { PAGE_SIZE_BASE, ROUTES } from '../../../constants/constants';
+import { PAGE_SIZE_BASE } from '../../../constants/constants';
 import {
   DATA_QUALITY_DASHBOARD_HEADER,
   DQ_FILTER_KEYS,
@@ -861,7 +861,7 @@ const DataQualityDashboard = ({
                   incidentStatusType={TestCaseResolutionStatusTypes.New}
                   name="open-incident"
                   redirectPath={{
-                    pathname: ROUTES.INCIDENT_MANAGER,
+                    pathname: observabilityRouterClassBase.getIncidentManagerPath(),
                     search: QueryString.stringify({
                       testCaseResolutionStatusType:
                         TestCaseResolutionStatusTypes.New,
@@ -878,7 +878,7 @@ const DataQualityDashboard = ({
                   incidentStatusType={TestCaseResolutionStatusTypes.Resolved}
                   name="resolved-incident"
                   redirectPath={{
-                    pathname: ROUTES.INCIDENT_MANAGER,
+                    pathname: observabilityRouterClassBase.getIncidentManagerPath(),
                     search: QueryString.stringify({
                       testCaseResolutionStatusType:
                         TestCaseResolutionStatusTypes.Resolved,

openmetadata-ui/src/main/resources/ui/src/components/DataQuality/IncidentManager/FailedTestCaseSampleData/FailedTestCaseSampleData.component.tsx

@@ -34,8 +34,8 @@ import {
 } from '../../../../rest/testAPI';
 import { getEntityDeleteMessage } from '../../../../utils/CommonUtils';
 import { getColumnNameFromEntityLink } from '../../../../utils/EntityUtils';
+import observabilityRouterClassBase from '../../../../utils/ObservabilityRouterClassBase';
 import { checkPermission } from '../../../../utils/PermissionsUtils';
-import { getTestCaseDetailPagePath } from '../../../../utils/RouterUtils';
 import { showErrorToast } from '../../../../utils/ToastUtils';
 import Loader from '../../../common/Loader/Loader';
 import { ManageButtonItemLabel } from '../../../common/ManageButtonContentItem/ManageButtonContentItem.component';
@@ -222,7 +222,7 @@ const FailedTestCaseSampleData = ({
         <div className="d-flex gap-4">
           {testCaseData?.inspectionQuery && !isVersionPage && (
             <Link
-              to={getTestCaseDetailPagePath(
+              to={observabilityRouterClassBase.getTestCaseDetailPagePath(
                 testCaseData?.fullyQualifiedName ?? '',
                 TestCasePageTabs.SQL_QUERY
               )}>

openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx

@@ -59,10 +59,7 @@ import { getEntityName } from '../../../../utils/EntityUtils';
 import { getPopupContainer } from '../../../../utils/formUtils';
 import observabilityRouterClassBase from '../../../../utils/ObservabilityRouterClassBase';
 import { getPrioritizedViewPermission } from '../../../../utils/PermissionsUtils';
-import {
-  getEntityDetailsPath,
-  getTestSuitePath,
-} from '../../../../utils/RouterUtils';
+import { getEntityDetailsPath } from '../../../../utils/RouterUtils';
 import { ownerTableObject } from '../../../../utils/TableColumn.util';
 import { showErrorToast } from '../../../../utils/ToastUtils';
 import ErrorPlaceHolder from '../../../common/ErrorWithPlaceholder/ErrorPlaceHolder';
@@ -171,7 +168,7 @@ export const TestSuites = () => {
               ) : (
                 <Link
                   data-testid={name}
-                  to={getTestSuitePath(
+                  to={observabilityRouterClassBase.getTestSuitePath(
                     record.fullyQualifiedName ?? record.name
                   )}>
                   {getEntityName(record)}

openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/DataQualityTab/DataQualityTab.tsx

@@ -54,11 +54,8 @@ import {
 } from '../../../../utils/EntityUtils';
 import { getEntityFQN } from '../../../../utils/FeedUtils';
 import { Transi18next } from '../../../../utils/i18next/LocalUtil';
-import {
-  getEntityDetailsPath,
-  getTestCaseDetailPagePath,
-  getTestSuitePath,
-} from '../../../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../../../utils/ObservabilityRouterClassBase';
+import { getEntityDetailsPath } from '../../../../utils/RouterUtils';
 import { replacePlus } from '../../../../utils/StringsUtils';
 import { showErrorToast } from '../../../../utils/ToastUtils';
 import DateTimeDisplay from '../../../common/DateTimeDisplay/DateTimeDisplay';
@@ -374,7 +371,7 @@ const DataQualityTab: React.FC<DataQualityTabProps> = ({
     setBundleSuiteFormInitialCases([]);
     setSelectedKeys(new Set<string>());
     if (testSuite.fullyQualifiedName) {
-      navigate(getTestSuitePath(testSuite.fullyQualifiedName));
+      navigate(observabilityRouterClassBase.getTestSuitePath(testSuite.fullyQualifiedName));
     }
   };
 
@@ -508,7 +505,7 @@ const DataQualityTab: React.FC<DataQualityTabProps> = ({
               }
             )}>
             <Link
-              to={getTestCaseDetailPagePath(
+              to={observabilityRouterClassBase.getTestCaseDetailPagePath(
                 record.fullyQualifiedName ?? '',
                 TestCasePageTabs.DIMENSIONALITY
               )}>
@@ -583,7 +580,7 @@ const DataQualityTab: React.FC<DataQualityTabProps> = ({
               className="break-word"
               state={{ breadcrumbData }}
               to={{
-                pathname: getTestCaseDetailPagePath(
+                pathname: observabilityRouterClassBase.getTestCaseDetailPagePath(
                   record.fullyQualifiedName ?? ''
                 ),
               }}>

openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummaryCustomTooltip/TestSummaryCustomTooltip.component.tsx

@@ -30,7 +30,7 @@ import {
   convertSecondsToHumanReadableFormat,
   formatDateTime,
 } from '../../../../utils/date-time/DateTimeUtils';
-import { getTestCaseDetailPagePath } from '../../../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../../../utils/ObservabilityRouterClassBase';
 import { getTaskDetailPath } from '../../../../utils/TasksUtils';
 import { OwnerLabel } from '../../../common/OwnerLabel/OwnerLabel.component';
 import './test-summary-custom-tooltip.less';
@@ -202,7 +202,7 @@ const TestSummaryCustomTooltip = (props: TestSummaryCustomTooltipProps) => {
                 {testCaseFqnProp ? (
                   <Link
                     className="tooltip-incident-link font-medium cursor-pointer"
-                    to={getTestCaseDetailPagePath(
+                    to={observabilityRouterClassBase.getTestCaseDetailPagePath(
                       testCaseFqnProp,
                       TestCasePageTabs.ISSUES
                     )}>

openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/DataQualityTab/DataQualityTab.tsx

@@ -40,7 +40,7 @@ import {
 } from '../../../../utils/date-time/DateTimeUtils';
 import { getColumnNameFromEntityLink } from '../../../../utils/EntityUtils';
 import { Transi18next } from '../../../../utils/i18next/LocalUtil';
-import { getTestCaseDetailPagePath } from '../../../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../../../utils/ObservabilityRouterClassBase';
 import { generateEntityLink } from '../../../../utils/TableUtils';
 import { showErrorToast } from '../../../../utils/ToastUtils';
 import DataQualitySection from '../../../common/DataQualitySection';
@@ -222,7 +222,7 @@ const TestCaseCard: React.FC<TestCaseCardProps> = ({ testCase, incident }) => {
             <Link
               className="test-case-name"
               data-testid={`test-case-${testCaseName}`}
-              to={getTestCaseDetailPagePath(testCase.fullyQualifiedName ?? '')}>
+              to={observabilityRouterClassBase.getTestCaseDetailPagePath(testCase.fullyQualifiedName ?? '')}>
               {testCaseName}
             </Link>
           </div>

openmetadata-ui/src/main/resources/ui/src/components/IncidentManager/IncidentManager.component.tsx

@@ -65,10 +65,8 @@ import {
   getPartialNameFromTableFQN,
 } from '../../utils/CommonUtils';
 import { getEntityName } from '../../utils/EntityUtils';
-import {
-  getEntityDetailsPath,
-  getTestCaseDetailPagePath,
-} from '../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../utils/ObservabilityRouterClassBase';
+import { getEntityDetailsPath } from '../../utils/RouterUtils';
 import { showErrorToast } from '../../utils/ToastUtils';
 import { AsyncSelect } from '../common/AsyncSelect/AsyncSelect';
 import DateTimeDisplay from '../common/DateTimeDisplay/DateTimeDisplay';
@@ -607,7 +605,7 @@ const IncidentManager = ({
             <Link
               className="m-0 break-all text-primary"
               data-testid={`test-case-${record.testCaseReference?.name}`}
-              to={getTestCaseDetailPagePath(
+              to={observabilityRouterClassBase.getTestCaseDetailPagePath(
                 record.testCaseReference?.fullyQualifiedName ?? ''
               )}>
               {getEntityName(record.testCaseReference)}

openmetadata-ui/src/main/resources/ui/src/pages/AddObservabilityPage/AddObservabilityPage.tsx

@@ -26,11 +26,7 @@ import Loader from '../../components/common/Loader/Loader';
 import ResizablePanels from '../../components/common/ResizablePanels/ResizablePanels';
 import RichTextEditor from '../../components/common/RichTextEditor/RichTextEditor';
 import TitleBreadcrumb from '../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
-import {
-  PAGE_SIZE_LARGE,
-  ROUTES,
-  VALIDATION_MESSAGES,
-} from '../../constants/constants';
+import { PAGE_SIZE_LARGE, VALIDATION_MESSAGES } from '../../constants/constants';
 import { NAME_FIELD_RULES } from '../../constants/Form.constants';
 import { useLimitStore } from '../../context/LimitsProvider/useLimitsStore';
 import { usePermissionProvider } from '../../context/PermissionProvider/PermissionProvider';
@@ -65,7 +61,7 @@ import {
   DEFAULT_ENTITY_PERMISSION,
   getPrioritizedViewPermission,
 } from '../../utils/PermissionsUtils';
-import { getObservabilityAlertDetailsPath } from '../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../utils/ObservabilityRouterClassBase';
 import { showErrorToast } from '../../utils/ToastUtils';
 import { AddAlertPageLoadingState } from '../AddNotificationPage/AddNotificationPage.interface';
 import {
@@ -149,7 +145,7 @@ function AddObservabilityPage() {
       },
       {
         name: t('label.alert-plural'),
-        url: ROUTES.OBSERVABILITY_ALERTS,
+        url: observabilityRouterClassBase.getObservabilityAlertsListPath(),
       },
       {
         name: fqn
@@ -175,7 +171,9 @@ function AddObservabilityPage() {
           updateAlertAPI: updateObservabilityAlert,
           afterSaveAction: async (fqn: string) => {
             !fqn && (await getResourceLimit('eventsubscription', true, true));
-            navigate(getObservabilityAlertDetailsPath(fqn));
+            navigate(
+              observabilityRouterClassBase.getObservabilityAlertDetailsPath(fqn)
+            );
           },
           setInlineAlertDetails,
         });

openmetadata-ui/src/main/resources/ui/src/pages/AlertDetailsPage/AlertDetailsPage.tsx

@@ -194,7 +194,7 @@ function AlertDetailsPage({
             },
             {
               name: t('label.alert-plural'),
-              url: ROUTES.OBSERVABILITY_ALERTS,
+              url: observabilityRouterClassBase.getObservabilityAlertsListPath(),
             },
             {
               name: getEntityName(alertDetails),
@@ -207,7 +207,7 @@ function AlertDetailsPage({
   const handleAlertDelete = useCallback(async () => {
     isNotificationAlert
       ? navigate(ROUTES.NOTIFICATION_ALERT_LIST)
-      : navigate(ROUTES.OBSERVABILITY_ALERTS);
+      : navigate(observabilityRouterClassBase.getObservabilityAlertsListPath());
   }, [navigate, isNotificationAlert]);
 
   const handleAlertEdit = useCallback(async () => {

openmetadata-ui/src/main/resources/ui/src/pages/DataQuality/DataQualityPage.tsx

@@ -27,10 +27,6 @@ import { TestCase } from '../../generated/tests/testCase';
 import { TestSuite } from '../../generated/tests/testSuite';
 import { withPageLayout } from '../../hoc/withPageLayout';
 import observabilityRouterClassBase from '../../utils/ObservabilityRouterClassBase';
-import {
-  getTestCaseDetailPagePath,
-  getTestSuitePath,
-} from '../../utils/RouterUtils';
 import './data-quality-page.less';
 import DataQualityClassBase from './DataQualityClassBase';
 import { DataQualityPageTabs } from './DataQualityPage.interface';
@@ -66,7 +62,7 @@ const DataQualityPage = () => {
 
   const handleBundleSuiteSuccess = (testSuite: TestSuite) => {
     if (testSuite.fullyQualifiedName) {
-      navigate(getTestSuitePath(testSuite.fullyQualifiedName));
+      navigate(observabilityRouterClassBase.getTestSuitePath(testSuite.fullyQualifiedName));
     }
   };
 
@@ -123,7 +119,7 @@ const DataQualityPage = () => {
 
   const handleFormSubmit = (testCase: TestCase) => {
     if (testCase.fullyQualifiedName) {
-      navigate(getTestCaseDetailPagePath(testCase.fullyQualifiedName));
+      navigate(observabilityRouterClassBase.getTestCaseDetailPagePath(testCase.fullyQualifiedName));
     }
   };
 

openmetadata-ui/src/main/resources/ui/src/pages/IncidentManager/IncidentManagerDetailPage/IncidentManagerDetailPage.tsx

@@ -38,7 +38,6 @@ import EntityHeaderTitle from '../../../components/Entity/EntityHeaderTitle/Enti
 import EntityVersionTimeLine from '../../../components/Entity/EntityVersionTimeLine/EntityVersionTimeLine';
 import { EntityName } from '../../../components/Modals/EntityNameModal/EntityNameModal.interface';
 import PageLayoutV1 from '../../../components/PageLayoutV1/PageLayoutV1';
-import { ROUTES } from '../../../constants/constants';
 import { FEED_COUNT_INITIAL_DATA } from '../../../constants/entity.constants';
 import { EntityField } from '../../../constants/Feeds.constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
@@ -61,11 +60,7 @@ import {
 import { getFeedCounts } from '../../../utils/CommonUtils';
 import { getEntityName } from '../../../utils/EntityUtils';
 import { getEntityVersionByField } from '../../../utils/EntityVersionUtils';
-import {
-  getTestCaseDetailPagePath,
-  getTestCaseDimensionsDetailPagePath,
-  getTestCaseVersionPath,
-} from '../../../utils/RouterUtils';
+import observabilityRouterClassBase from '../../../utils/ObservabilityRouterClassBase';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import { useRequiredParams } from '../../../utils/useRequiredParams';
 import { TestCasePageTabs } from '../IncidentManager.interface';
@@ -215,7 +210,7 @@ const IncidentManagerDetailPage = ({
       : [
           {
             name: t('label.incident-manager'),
-            url: ROUTES.INCIDENT_MANAGER,
+            url: observabilityRouterClassBase.getIncidentManagerPath(),
           },
         ];
 
@@ -224,7 +219,7 @@ const IncidentManagerDetailPage = ({
         ...data,
         {
           name: testCase?.name ?? '',
-          url: getTestCaseDetailPagePath(
+          url: observabilityRouterClassBase.getTestCaseDetailPagePath(
             testCaseFQN,
             activeTab as TestCasePageTabs
           ),
@@ -251,16 +246,19 @@ const IncidentManagerDetailPage = ({
   const handleTabChange = (activeKey: string) => {
     if (activeKey !== activeTab) {
       const testCaseDetailsPath = isDimensionPage
-        ? getTestCaseDimensionsDetailPagePath(
+        ? observabilityRouterClassBase.getTestCaseDimensionsDetailPagePath(
             testCaseFQN,
             dimensionKey || '',
             activeKey as TestCasePageTabs
           )
-        : getTestCaseDetailPagePath(testCaseFQN, activeKey as TestCasePageTabs);
+        : observabilityRouterClassBase.getTestCaseDetailPagePath(
+            testCaseFQN,
+            activeKey as TestCasePageTabs
+          );
 
       navigate(
         isVersionPage
-          ? getTestCaseVersionPath(
+          ? observabilityRouterClassBase.getTestCaseVersionPath(
               testCaseFQN,
               version,
               activeKey as TestCasePageTabs
@@ -325,8 +323,8 @@ const IncidentManagerDetailPage = ({
   const onVersionClick = () => {
     navigate(
       isVersionPage
-        ? getTestCaseDetailPagePath(testCaseFQN)
-        : getTestCaseVersionPath(
+        ? observabilityRouterClassBase.getTestCaseDetailPagePath(testCaseFQN)
+        : observabilityRouterClassBase.getTestCaseVersionPath(
             testCaseFQN,
             toString(testCase?.version) ?? '',
             activeTab
@@ -338,7 +336,11 @@ const IncidentManagerDetailPage = ({
   const versionHandler = useCallback(
     (newVersion = version) => {
       navigate(
-        getTestCaseVersionPath(testCaseFQN, toString(newVersion), activeTab)
+        observabilityRouterClassBase.getTestCaseVersionPath(
+          testCaseFQN,
+          toString(newVersion),
+          activeTab
+        )
       );
     },
     [testCaseFQN, activeTab]
@@ -482,7 +484,9 @@ const IncidentManagerDetailPage = ({
                 {!isVersionPage && (
                   <ManageButton
                     isRecursiveDelete
-                    afterDeleteAction={() => navigate(ROUTES.INCIDENT_MANAGER)}
+                    afterDeleteAction={() =>
+                      navigate(observabilityRouterClassBase.getIncidentManagerPath())
+                    }
                     allowSoftDelete={false}
                     canDelete={hasDeletePermission}
                     displayName={testCase.displayName}

openmetadata-ui/src/main/resources/ui/src/pages/TestSuiteDetailsPage/TestSuiteDetailsPage.component.tsx

@@ -87,7 +87,6 @@ import {
   checkPermission,
   DEFAULT_ENTITY_PERMISSION,
 } from '../../utils/PermissionsUtils';
-import { getTestSuitePath } from '../../utils/RouterUtils';
 import { ExtraTestCaseDropdownOptions } from '../../utils/TestCaseUtils';
 import { showErrorToast } from '../../utils/ToastUtils';
 import './test-suite-details-page.less';
@@ -195,7 +194,9 @@ const TestSuiteDetailsPage = () => {
       },
       {
         name: getEntityName(testSuite),
-        url: getTestSuitePath(testSuite?.fullyQualifiedName ?? ''),
+        url: observabilityRouterClassBase.getTestSuitePath(
+          testSuite?.fullyQualifiedName ?? ''
+        ),
       },
     ];
   }, [testSuite]);