From deecc27d0828950113eee4d913e7dc85ff7b3346 Mon Sep 17 00:00:00 2001 From: hasyed-akamai Date: Wed, 11 Jun 2025 20:30:28 +0530 Subject: [PATCH 1/2] fix: [M3-10146] - Port Hyperlink for Nodebalancer showing error --- .../NodeBalancerConfigurationsWrapper.tsx | 14 ++++++++++---- packages/manager/src/routes/nodeBalancers/index.ts | 4 ++-- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurationsWrapper.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurationsWrapper.tsx index a7f60b973a5..81e6cf6ffca 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurationsWrapper.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurationsWrapper.tsx @@ -5,7 +5,7 @@ import { } from '@linode/queries'; import { CircleProgress, ErrorState } from '@linode/ui'; import { useQuery, useQueryClient } from '@tanstack/react-query'; -import { useParams } from '@tanstack/react-router'; +import { useMatchRoute, useParams } from '@tanstack/react-router'; import React from 'react'; import { useIsNodebalancerVPCEnabled } from '../utils'; @@ -18,11 +18,17 @@ import type { APIError } from '@linode/api-v4'; export const NodeBalancerConfigurationsWrapper = () => { const queryClient = useQueryClient(); - const { id: nodeBalancerId } = useParams({ - from: '/nodebalancers/$id/configurations', + const matchRoute = useMatchRoute(); + + const routeParams = useParams({ from: '/nodebalancers/$id/configurations' }); + const nodeBalancerId = routeParams.id; + + const configParams = matchRoute({ + to: '/nodebalancers/$id/configurations/$configId', + fuzzy: false, }); - const { configId } = useParams({ strict: false }); + const configId = configParams !== false ? configParams.configId : undefined; const { data: grants } = useGrants(); const { data: nodeBalancer } = useNodeBalancerQuery(+nodeBalancerId); diff --git a/packages/manager/src/routes/nodeBalancers/index.ts b/packages/manager/src/routes/nodeBalancers/index.ts index 855fcf1481a..e53a1a20ce0 100644 --- a/packages/manager/src/routes/nodeBalancers/index.ts +++ b/packages/manager/src/routes/nodeBalancers/index.ts @@ -55,8 +55,8 @@ const nodeBalancerDetailConfigurationsRoute = createRoute({ ); const nodeBalancerDetailConfigurationRoute = createRoute({ - getParentRoute: () => nodeBalancersRoute, - path: '$id/configurations/$configId', + getParentRoute: () => nodeBalancerDetailConfigurationsRoute, + path: '$configId', }).lazy(() => import('./nodeBalancersLazyRoutes').then((m) => m.nodeBalancerDetailLazyRoute) ); From 312fab847f0ce515656b0608ec7426fda97735b1 Mon Sep 17 00:00:00 2001 From: hasyed-akamai Date: Wed, 11 Jun 2025 22:25:46 +0530 Subject: [PATCH 2/2] Added changeset: Routing issue when clicking port links on Nodebalancer Summary Page --- packages/manager/.changeset/pr-12366-fixed-1749660945872.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 packages/manager/.changeset/pr-12366-fixed-1749660945872.md diff --git a/packages/manager/.changeset/pr-12366-fixed-1749660945872.md b/packages/manager/.changeset/pr-12366-fixed-1749660945872.md new file mode 100644 index 00000000000..d9428a903dc --- /dev/null +++ b/packages/manager/.changeset/pr-12366-fixed-1749660945872.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Routing issue when clicking port links on Nodebalancer Summary Page ([#12366](https://github.com/linode/manager/pull/12366))