feat: added gateway page in ui for org

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

@@ -0,0 +1,2 @@
+export { useDeleteGateway } from "./mutation";
+export { gatewaysQueryKeys } from "./queries";

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

@@ -0,0 +1,15 @@
+import { apiRequest } from "@app/config/request";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { gatewaysQueryKeys } from "./queries";
+
+export const useDeleteGateway = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id: string) => {
+      return apiRequest.delete(`/api/v1/gateways/${id}`);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries(gatewaysQueryKeys.list());
+    }
+  });
+};

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

@@ -0,0 +1,16 @@
+import { apiRequest } from "@app/config/request";
+import { queryOptions } from "@tanstack/react-query";
+import { TGateway } from "./types";
+
+export const gatewaysQueryKeys = {
+  allKey: () => ["gateways"],
+  listKey: () => [...gatewaysQueryKeys.allKey(), "list"],
+  list: () =>
+    queryOptions({
+      queryKey: gatewaysQueryKeys.listKey(),
+      queryFn: async () => {
+        const { data } = await apiRequest.get<{ gateways: TGateway[] }>("/api/v1/gateways");
+        return data.gateways;
+      }
+    })
+};

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

@@ -0,0 +1,17 @@
+export type TGateway = {
+  id: string;
+  identityId: string;
+  name: string;
+  createdAt: string;
+  updatedAt: string;
+  issuedAt: string;
+  serialNumber: string;
+  identity: {
+    name: string;
+    id: string;
+  };
+};
+
+export type TDeleteGatewayDTO = {
+  id: string;
+};

frontend/src/hooks/api/index.tsx

@@ -10,6 +10,7 @@ export * from "./certificates";
 export * from "./certificateTemplates";
 export * from "./dynamicSecret";
 export * from "./dynamicSecretLease";
+export * from "./gateways";
 export * from "./groups";
 export * from "./identities";
 export * from "./identityProjectAdditionalPrivilege";