feat: switched to projecet gateway, updated icon, cli

frontend/src/hooks/api/gateways/mutation.tsx

@@ -12,7 +12,7 @@ export const useDeleteGatewayById = () => {
       return apiRequest.delete(`/api/v1/gateways/${id}`);
     },
     onSuccess: () => {
-      queryClient.invalidateQueries(gatewaysQueryKeys.list({}));
+      queryClient.invalidateQueries(gatewaysQueryKeys.list());
     }
   });
 };
@@ -20,11 +20,11 @@ export const useDeleteGatewayById = () => {
 export const useUpdateGatewayById = () => {
   const queryClient = useQueryClient();
   return useMutation({
-    mutationFn: ({ id, name }: TUpdateGatewayDTO) => {
-      return apiRequest.patch(`/api/v1/gateways/${id}`, { name });
+    mutationFn: ({ id, name, projectIds }: TUpdateGatewayDTO) => {
+      return apiRequest.patch(`/api/v1/gateways/${id}`, { name, projectIds });
     },
     onSuccess: () => {
-      queryClient.invalidateQueries(gatewaysQueryKeys.list({}));
+      queryClient.invalidateQueries(gatewaysQueryKeys.list());
     }
   });
 };

frontend/src/hooks/api/gateways/queries.tsx

@@ -2,22 +2,31 @@ import { queryOptions } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
-import { TGateway, TListGatewayDTO } from "./types";
+import { TGateway, TListProjectGatewayDTO, TProjectGateway } from "./types";
 
 export const gatewaysQueryKeys = {
   allKey: () => ["gateways"],
-  listKey: ({ projectId }: TListGatewayDTO) => [
+  listKey: () => [...gatewaysQueryKeys.allKey(), "list"],
+  list: () =>
+    queryOptions({
+      queryKey: gatewaysQueryKeys.listKey(),
+      queryFn: async () => {
+        const { data } = await apiRequest.get<{ gateways: TGateway[] }>("/api/v1/gateways");
+        return data.gateways;
+      }
+    }),
+  listProjectGatewayKey: ({ projectId }: TListProjectGatewayDTO) => [
     ...gatewaysQueryKeys.allKey(),
     "list",
     { projectId }
   ],
-  list: ({ projectId }: TListGatewayDTO = {}) =>
+  listProjectGateways: ({ projectId }: TListProjectGatewayDTO) =>
     queryOptions({
-      queryKey: gatewaysQueryKeys.listKey({ projectId }),
+      queryKey: gatewaysQueryKeys.listProjectGatewayKey({ projectId }),
       queryFn: async () => {
-        const { data } = await apiRequest.get<{ gateways: TGateway[] }>("/api/v1/gateways", {
-          params: { projectId }
-        });
+        const { data } = await apiRequest.get<{ gateways: TProjectGateway[] }>(
+          `/api/v1/gateways/projects/${projectId}`
+        );
         return data.gateways;
       }
     })

frontend/src/hooks/api/gateways/types.ts

@@ -11,17 +11,39 @@ export type TGateway = {
     name: string;
     id: string;
   };
+  projects: {
+    name: string;
+    id: string;
+    slug: string;
+  }[];
+};
+
+export type TProjectGateway = {
+  id: string;
+  identityId: string;
+  name: string;
+  createdAt: string;
+  updatedAt: string;
+  issuedAt: string;
+  serialNumber: string;
+  heartbeat: string;
+  projectGatewayId: string;
+  identity: {
+    name: string;
+    id: string;
+  };
 };
 
 export type TUpdateGatewayDTO = {
   id: string;
   name?: string;
+  projectIds?: string[];
 };
 
 export type TDeleteGatewayDTO = {
   id: string;
 };
 
-export type TListGatewayDTO = {
-  projectId?: string;
+export type TListProjectGatewayDTO = {
+  projectId: string;
 };