refactor(namespace): migrate namespace edit to react [r8s-125] (#38)

app/react/kubernetes/metrics/metrics.ts

@@ -32,20 +32,6 @@ export async function getMetricsForNode(
   }
 }
 
-export async function getMetricsForAllPods(
-  environmentId: EnvironmentId,
-  namespace: string
-) {
-  try {
-    const { data: pods } = await axios.get(
-      `kubernetes/${environmentId}/metrics/pods/namespace/${namespace}`
-    );
-    return pods;
-  } catch (e) {
-    throw parseAxiosError(e, 'Unable to retrieve metrics for all pods');
-  }
-}
-
 export async function getMetricsForPod(
   environmentId: EnvironmentId,
   namespace: string,

app/react/kubernetes/metrics/queries/query-keys.ts

@@ -0,0 +1,9 @@
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { queryKeys as namespaceQueryKeys } from '@/react/kubernetes/namespaces/queries/queryKeys';
+
+export const queryKeys = {
+  namespaceMetrics: (environmentId: EnvironmentId, namespaceName: string) => [
+    ...namespaceQueryKeys.namespace(environmentId, namespaceName),
+    'metrics',
+  ],
+};

app/react/kubernetes/metrics/queries/useMetricsForNamespace.ts

@@ -0,0 +1,34 @@
+import { useQuery, UseQueryOptions } from '@tanstack/react-query';
+
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { PodMetrics } from '../types';
+
+import { queryKeys } from './query-keys';
+
+export function useMetricsForNamespace<T = PodMetrics>(
+  environmentId: EnvironmentId,
+  namespaceName: string,
+  queryOptions?: UseQueryOptions<PodMetrics, unknown, T>
+) {
+  return useQuery({
+    queryKey: queryKeys.namespaceMetrics(environmentId, namespaceName),
+    queryFn: () => getMetricsForNamespace(environmentId, namespaceName),
+    ...queryOptions,
+  });
+}
+
+export async function getMetricsForNamespace(
+  environmentId: EnvironmentId,
+  namespaceName: string
+) {
+  try {
+    const { data: pods } = await axios.get<PodMetrics>(
+      `kubernetes/${environmentId}/metrics/pods/namespace/${namespaceName}`
+    );
+    return pods;
+  } catch (e) {
+    throw parseAxiosError(e, 'Unable to retrieve metrics for all pods');
+  }
+}

app/react/kubernetes/metrics/types.ts

@@ -1,3 +1,20 @@
+export type PodMetrics = {
+  items: PodMetric[];
+};
+
+export type PodMetric = {
+  containers: ContainerMetric[];
+};
+
+type ContainerMetric = {
+  usage: ResourceUsage;
+};
+
+type ResourceUsage = {
+  cpu: string;
+  memory: string;
+};
+
 export type NodeMetrics = {
   items: NodeMetric[];
 };