refactor(k8s): namespace core logic (#12142)

Co-authored-by: testA113 <aliharriss1995@gmail.com>
Co-authored-by: Anthony Lapenna <anthony.lapenna@portainer.io>
Co-authored-by: James Carppe <85850129+jamescarppe@users.noreply.github.com>
Co-authored-by: Ali <83188384+testA113@users.noreply.github.com>

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRolesDatatable/queries/query-keys.ts

@@ -0,0 +1,6 @@
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+export const queryKeys = {
+  list: (environmentId: EnvironmentId) =>
+    ['environments', environmentId, 'kubernetes', 'cluster_roles'] as const,
+};

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRolesDatatable/queries/useDeleteClusterRolesMutation.ts

@@ -0,0 +1,33 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { withGlobalError } from '@/react-tools/react-query';
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { queryKeys } from './query-keys';
+
+export function useDeleteClusterRolesMutation(environmentId: EnvironmentId) {
+  const queryClient = useQueryClient();
+  return useMutation(deleteClusterRoles, {
+    onSuccess: () =>
+      queryClient.invalidateQueries(queryKeys.list(environmentId)),
+    ...withGlobalError('Unable to delete cluster roles'),
+  });
+}
+
+export async function deleteClusterRoles({
+  environmentId,
+  data,
+}: {
+  environmentId: EnvironmentId;
+  data: string[];
+}) {
+  try {
+    return await axios.post(
+      `kubernetes/${environmentId}/cluster_roles/delete`,
+      data
+    );
+  } catch (e) {
+    throw parseAxiosError(e, `Unable to delete cluster roles`);
+  }
+}

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRolesDatatable/queries/useGetClusterRolesQuery.ts

@@ -0,0 +1,39 @@
+import { compact } from 'lodash';
+import { useQuery } from '@tanstack/react-query';
+
+import { withGlobalError } from '@/react-tools/react-query';
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { ClusterRole } from '../types';
+
+import { queryKeys } from './query-keys';
+
+export function useGetClusterRolesQuery(
+  environmentId: EnvironmentId,
+  options?: { autoRefreshRate?: number }
+) {
+  return useQuery(
+    queryKeys.list(environmentId),
+    async () => {
+      const clusterRoles = await getClusterRoles(environmentId);
+      return compact(clusterRoles);
+    },
+    {
+      ...withGlobalError('Unable to get cluster roles'),
+      ...options,
+    }
+  );
+}
+
+async function getClusterRoles(environmentId: EnvironmentId) {
+  try {
+    const { data: roles } = await axios.get<ClusterRole[]>(
+      `kubernetes/${environmentId}/cluster_roles`
+    );
+
+    return roles;
+  } catch (e) {
+    throw parseAxiosError(e, 'Unable to get cluster roles');
+  }
+}