Fix getting started cards re-direction to integrations (#2146) (#2149)

(cherry picked from commit 279463a) Signed-off-by: Shenoy Pratik <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Sep 9, 2024 · 31f2065 · 31f2065
1 parent 0441122
commit 31f2065
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/public/components/getting_started/components/getting_started_integrationCards.tsx b/public/components/getting_started/components/getting_started_integrationCards.tsx
@@ -3,21 +3,22 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import React, { useState, useEffect } from 'react';
 import {
+  EuiBadge,
+  EuiCard,
   EuiFieldSearch,
   EuiFilterButton,
   EuiFilterGroup,
   EuiFilterSelectItem,
-  EuiPopover,
-  EuiPopoverTitle,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiCard,
-  EuiText,
-  EuiBadge,
+  EuiPopover,
+  EuiPopoverTitle,
   EuiSpacer,
+  EuiText,
 } from '@elastic/eui';
+import React, { useEffect, useState } from 'react';
+import { observabilityIntegrationsID } from '../../../../common/constants/shared';
 import { coreRefs } from '../../../../public/framework/core_refs';
 
 export const IntegrationCards = () => {
@@ -148,7 +149,11 @@ export const IntegrationCards = () => {
               description={integration.description}
               data-test-subj={`integration_card_${integration.name.toLowerCase()}`}
               titleElement="span"
-              href={`/app/integrations#/available/${integration.name}`}
+              onClick={() =>
+                coreRefs?.application?.navigateToApp(observabilityIntegrationsID, {
+                  path: `#/available/${integration.name}`,
+                })
+              }
               footer={
                 <div>
                   {integration.labels &&