Fix bug due to including parent selector in router fetch (#2394)

fix bug due to including parent selector in router fetch

Author: david-crespo

app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx

@@ -84,7 +84,7 @@ export function VpcSubnetsTab() {
       colHelper.accessor('customRouterId', {
         header: 'Custom Router',
         // RouterLinkCell needed, as we need to convert the customRouterId to the custom router's name
-        cell: (info) => <RouterLinkCell value={info.getValue()} />,
+        cell: (info) => <RouterLinkCell routerId={info.getValue()} />,
       }),
       colHelper.accessor('timeCreated', Columns.timeCreated),
       getActionsCol(makeActions),

app/table/cells/RouterLinkCell.tsx

@@ -14,17 +14,14 @@ import { pb } from '~/util/path-builder'
 import { EmptyCell, SkeletonCell } from './EmptyCell'
 import { LinkCell } from './LinkCell'
 
-export const RouterLinkCell = ({ value }: { value?: string }) => {
+export const RouterLinkCell = ({ routerId }: { routerId?: string }) => {
   const { project, vpc } = useVpcSelector()
   const { data: router, isError } = useApiQuery(
     'vpcRouterView',
-    {
-      path: { router: value! },
-      query: { project, vpc },
-    },
-    { enabled: !!value }
+    { path: { router: routerId! } }, // it's an ID, so no parent selector
+    { enabled: !!routerId }
   )
-  if (!value) return <EmptyCell />
+  if (!routerId) return <EmptyCell />
   // probably not possible but let’s be safe
   if (isError) return <Badge color="neutral">Deleted</Badge>
   if (!router) return <SkeletonCell /> // loading