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/namespaces/queries/useDeleteNamespaces.ts

@@ -0,0 +1,47 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { withGlobalError, withInvalidate } from '@/react-tools/react-query';
+
+import { queryKeys } from './queryKeys';
+
+type DeleteNamespaceError = {
+  namespaceName: string;
+  error: string;
+};
+
+// when successful, the response will contain a list of deleted namespaces and a list of errors
+type DeleteNamespacesResponse = {
+  deleted: string[];
+  errors: DeleteNamespaceError[];
+} | null;
+
+// useDeleteNamespaces is a react query mutation that removes a list of namespaces,
+export function useDeleteNamespaces(environmentId: number) {
+  const queryClient = useQueryClient();
+  return useMutation(
+    ({ namespaceNames }: { namespaceNames: string[] }) =>
+      deleteNamespaces(environmentId, namespaceNames),
+    {
+      ...withInvalidate(queryClient, [queryKeys.list(environmentId)]),
+      ...withGlobalError('Unable to delete namespaces'),
+      // onSuccess handled by the caller
+    }
+  );
+}
+
+async function deleteNamespaces(
+  environmentId: number,
+  namespaceNames: string[]
+) {
+  try {
+    return await axios.delete<DeleteNamespacesResponse>(
+      `kubernetes/${environmentId}/namespaces`,
+      {
+        data: namespaceNames,
+      }
+    );
+  } catch (e) {
+    throw parseAxiosError(e, 'Unable to delete namespace');
+  }
+}