implemented was using new api for checking fleets

Author: olgenn

frontend/src/api.ts

@@ -63,6 +63,7 @@ export const API = {
     PROJECTS: {
         BASE: () => `${API.BASE()}/projects`,
         LIST: () => `${API.PROJECTS.BASE()}/list`,
+        LIST_ONLY_NO_FLEETS: () => `${API.PROJECTS.BASE()}/list_only_no_fleets`,
         CREATE: () => `${API.PROJECTS.BASE()}/create`,
         CREATE_WIZARD: () => `${API.PROJECTS.BASE()}/create_wizard`,
         DELETE: () => `${API.PROJECTS.BASE()}/delete`,

frontend/src/hooks/useCheckingForFleetsInProjectsOfMember.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-import { useGetProjectsQuery } from '../services/project';
+import { useGetOnlyNoFleetsProjectsQuery, useGetProjectsQuery } from 'services/project';
 
 type Args = { projectNames?: IProject['project_name'][] };
 
@@ -9,14 +9,9 @@ export const useCheckingForFleetsInProjects = ({ projectNames }: Args) => {
         skip: !!projectNames?.length,
     });
 
-    const { data: noFleetsProjectsData } = useGetProjectsQuery(
-        {
-            only_no_fleets: true,
-        },
-        {
-            skip: !!projectNames?.length,
-        },
-    );
+    const { data: noFleetsProjectsData } = useGetOnlyNoFleetsProjectsQuery(undefined, {
+        skip: !!projectNames?.length,
+    });
 
     const projectNameForChecking = useMemo<IProject['project_name'][]>(() => {
         if (projectNames) {

frontend/src/services/project.ts

@@ -20,15 +20,14 @@ export const projectApi = createApi({
         prepareHeaders: fetchBaseQueryHeaders,
     }),
 
-    tagTypes: ['Projects', 'ProjectRepos', 'ProjectLogs', 'Backends'],
+    tagTypes: ['Projects', 'NoFleetsProject', 'ProjectRepos', 'ProjectLogs', 'Backends'],
 
     endpoints: (builder) => ({
-        getProjects: builder.query<IProject[], TGetProjectsParams | void>({
-            query: (body) => {
+        getProjects: builder.query<IProject[], void>({
+            query: () => {
                 return {
                     url: API.PROJECTS.LIST(),
                     method: 'POST',
-                    body,
                 };
             },
 
@@ -41,6 +40,27 @@ export const projectApi = createApi({
                     : ['Projects'],
         }),
 
+        getOnlyNoFleetsProjects: builder.query<IProject[], void>({
+            query: (body) => {
+                return {
+                    url: API.PROJECTS.LIST_ONLY_NO_FLEETS(),
+                    method: 'POST',
+                    body,
+                };
+            },
+
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            transformResponse: (response: any[]): IProject[] => response.map(transformProjectResponse),
+
+            providesTags: (result) =>
+                result
+                    ? [
+                          ...result.map(({ project_name }) => ({ type: 'NoFleetsProject' as const, id: project_name })),
+                          'NoFleetsProject',
+                      ]
+                    : ['NoFleetsProject'],
+        }),
+
         getProject: builder.query<IProject, { name: IProject['project_name'] }>({
             query: ({ name }) => {
                 return {
@@ -181,6 +201,7 @@ export const projectApi = createApi({
 
 export const {
     useGetProjectsQuery,
+    useGetOnlyNoFleetsProjectsQuery,
     useLazyGetProjectsQuery,
     useGetProjectQuery,
     useCreateProjectMutation,