Add buttons to quicky filter the current view by a specific namespace (#6677)

* Add quick namespace filtering in pods view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to HorizontalPodAutoscalers view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Leases view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to LimitRanges view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to ConfigMaps view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Remove last usage of legacy global Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to PodDisruptionBudgets view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to ResourceQuotas view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Secrets view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Remove last usage of legacy global secretsStore Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to CustomResources view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Events view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to HelmReleases view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Endpoints view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Remove last usage of legacy global endpointsStore Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Ingresses view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to NetworkPolicies view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to PortForwards view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Services view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to PersistentVolumeClaims view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to RoleBindings view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Roles view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to ServiceAccounts view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to CronJobs view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to DaemonSets view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Deployments view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to Jobs view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to StatefulSets view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Add quick namespace filtering to ReplicaSets view Signed-off-by: Sebastian Malton <sebastian@malton.name> * Remove last usage of legacy global replicaSetStore Signed-off-by: Sebastian Malton <sebastian@malton.name> * Fix up missing styles Signed-off-by: Sebastian Malton <sebastian@malton.name> * Fix tests Signed-off-by: Sebastian Malton <sebastian@malton.name> Signed-off-by: Sebastian Malton <sebastian@malton.name>
2025-05-20 05:10:56 +00:00 · 2022-12-01 09:20:56 -05:00
1 parent ab4a99bd93
commit a546f3b8ae
@@ -20,5 +20,9 @@
        }
      }
    }
+
+    a.filterNamespace {
+      border-bottom: unset;
+    }
  }
 }
@@ -9,7 +9,6 @@ import "./releases.scss";
 import React, { Component } from "react";
 import type { HelmRelease } from "../../../common/k8s-api/endpoints/helm-releases.api";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import namespaceStoreInjectable from "../+namespaces/store.injectable";
 import type { ItemListStore } from "../item-object-list";
 import { ItemListLayout } from "../item-object-list";
 import { NamespaceSelectFilter } from "../+namespaces/namespace-select-filter";
@@ -24,6 +23,9 @@ import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
 import helmReleasesRouteParametersInjectable from "./helm-releases-route-parameters.injectable";
 import type { NavigateToHelmReleases } from "../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
 import navigateToHelmReleasesInjectable from "../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import { prevDefault } from "../../utils";
+import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
+import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";

 enum columnId {
  name = "name",
@@ -39,9 +41,9 @@ enum columnId {
 interface Dependencies {
  releases: IComputedValue<RemovableHelmRelease[]>;
  releasesArePending: IComputedValue<boolean>;
-  selectNamespace: (namespace: string) => void;
  namespace: IComputedValue<string>;
  navigateToHelmReleases: NavigateToHelmReleases;
+  filterByNamespace: FilterByNamespace;
 }

 class NonInjectedHelmReleases extends Component<Dependencies> {
@@ -50,7 +52,7 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
    const namespace = this.props.namespace.get();

    if (namespace) {
-      this.props.selectNamespace(namespace);
+      this.props.filterByNamespace(namespace);
    }
  }

@@ -186,7 +188,13 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
          ]}
          renderTableContents={release => [
            release.getName(),
-            release.getNs(),
+            <a
+              key="namespace"
+              className="filterNamespace"
+              onClick={prevDefault(() => this.props.filterByNamespace(release.getNs()))}
+            >
+              {release.getNs()}
+            </a>,
            release.getChart(),
            release.getRevision(),
            release.getVersion(),
@@ -213,20 +221,12 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
  }
 }

-export const HelmReleases = withInjectables<Dependencies>(
-  NonInjectedHelmReleases,
-
-  {
-    getProps: (di) => {
-      const routeParameters = di.inject(helmReleasesRouteParametersInjectable);
-
-      return {
-        releases: di.inject(removableReleasesInjectable),
-        releasesArePending: di.inject(releasesInjectable).pending,
-        selectNamespace: di.inject(namespaceStoreInjectable).selectNamespaces,
-        navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
-        namespace: routeParameters.namespace,
-      };
-    },
-  },
-);
+export const HelmReleases = withInjectables<Dependencies>(NonInjectedHelmReleases, {
+  getProps: (di) => ({
+    releases: di.inject(removableReleasesInjectable),
+    releasesArePending: di.inject(releasesInjectable).pending,
+    navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
+    ...di.inject(helmReleasesRouteParametersInjectable),
+  }),
+});