Merge pull request #55 from bartoval/route_by_selector

Route by selector

Author: bartoval

package.json

@@ -21,11 +21,11 @@
   "dependencies": {
     "@patternfly/patternfly": "5.4.2",
     "@patternfly/react-component-groups": "^5.5.8",
-    "@patternfly/react-core": "5.4.12",
+    "@patternfly/react-core": "5.4.14",
     "@patternfly/react-icons": "5.4.2",
-    "@patternfly/react-table": "5.4.14",
+    "@patternfly/react-table": "5.4.16",
     "@tanstack/react-query": "4.36.1",
-    "axios": "1.8.2",
+    "axios": "1.8.4",
     "react-dom": "17.0.2",
     "yaml": "2.7.0"
   },
@@ -38,31 +38,31 @@
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^22.13.10",
-    "@types/react": "^17.0.83",
+    "@types/react": "^17.0.84",
     "@types/react-dom": "^19.0.4",
     "@types/react-router-dom": "^5.3.3",
     "@vitest/coverage-v8": "^2.1.9",
-    "@vitest/eslint-plugin": "^1.1.37",
-    "copy-webpack-plugin": "^12.0.2",
+    "@vitest/eslint-plugin": "^1.1.38",
+    "copy-webpack-plugin": "^13.0.0",
     "css-loader": "^7.1.2",
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "file-loader": "^6.2.0",
-    "globals": "^15.14.0",
+    "globals": "^16.0.0",
     "jsdom": "^26.0.0",
     "pluralize": "^8.0.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.2",
     "ts-node": "^10.9.2",
     "ts-prune": "^0.10.3",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.23.0",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.27.0",
     "vitest": "^2.1.9",
     "webpack": "5.97.1",
     "webpack-cli": "6.0.1",

src/console/pages/components/DeploymentNetworkConsoleButton.tsx

@@ -40,7 +40,6 @@ interface PodResource extends K8sResourceCommon {
   };
 }
 
-const ROUTE = 'skupper-network-observer';
 const POD_SELECTOR = { 'app.kubernetes.io/part-of': 'skupper-network-observer' };
 const POD_LOADED_STATUS = 'Running';
 
@@ -52,7 +51,9 @@ const DeploymentNetworkConsoleButton = function () {
     groupVersionKind,
     namespace: NamespaceManager.getNamespace(),
     isList: false,
-    name: ROUTE
+    selector: {
+      matchLabels: POD_SELECTOR
+    }
   };
 
   const watchResourcePod = {
@@ -85,11 +86,10 @@ const DeploymentNetworkConsoleButton = function () {
   const handleDeleteConsole = async () => {
     mutationDelete.mutate();
   };
-  useEffect(() => {
-    const data = route;
 
-    if (data?.spec?.host && data?.spec?.port?.targetPort) {
-      const newUrl = data?.spec?.host ? `${data?.spec?.port?.targetPort}://${data?.spec?.host}` : undefined;
+  useEffect(() => {
+    if (route?.spec?.host && route?.spec?.port?.targetPort) {
+      const newUrl = route?.spec?.host ? `${route?.spec?.port?.targetPort}://${route?.spec?.host}` : undefined;
       setUrl(newUrl);
     }
   }, [route]);