feat: added dynamic secret to overview page

frontend/src/hooks/api/dynamicSecret/index.ts

@@ -1,2 +1,6 @@
 export { useCreateDynamicSecret, useDeleteDynamicSecret, useUpdateDynamicSecret } from "./mutation";
-export { useGetDynamicSecretDetails,useGetDynamicSecrets } from "./queries";
+export {
+  useGetDynamicSecretDetails,
+  useGetDynamicSecrets,
+  useGetDynamicSecretsOfAllEnv
+} from "./queries";

frontend/src/hooks/api/dynamicSecret/queries.ts

@@ -1,8 +1,14 @@
-import { useQuery } from "@tanstack/react-query";
+import { useCallback, useMemo } from "react";
+import { useQueries, useQuery } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
-import { TDetailsDynamicSecretDTO, TDynamicSecret, TListDynamicSecretDTO } from "./types";
+import {
+  TDetailsDynamicSecretDTO,
+  TDynamicSecret,
+  TGetDynamicSecretsByEnvsDTO,
+  TListDynamicSecretDTO
+} from "./types";
 
 export const dynamicSecretKeys = {
   list: ({
@@ -15,7 +21,11 @@ export const dynamicSecretKeys = {
     [{ projectSlug, path, environmentSlug, name }, "dynamic-secret-details"] as const
 };
 
-export const useGetDynamicSecrets = ({ projectSlug, environmentSlug, path }: TListDynamicSecretDTO) => {
+export const useGetDynamicSecrets = ({
+  projectSlug,
+  environmentSlug,
+  path
+}: TListDynamicSecretDTO) => {
   return useQuery({
     queryKey: dynamicSecretKeys.list({ path, environmentSlug, projectSlug }),
     enabled: Boolean(projectSlug && environmentSlug && path),
@@ -60,3 +70,57 @@ export const useGetDynamicSecretDetails = ({
     }
   });
 };
+
+export const useGetDynamicSecretsOfAllEnv = ({
+  path,
+  projectSlug,
+  environmentSlugs
+}: TGetDynamicSecretsByEnvsDTO) => {
+  const dynamicSecrets = useQueries({
+    queries: environmentSlugs.map((environment) => ({
+      queryKey: dynamicSecretKeys.list({ path, environmentSlug: environment, projectSlug }),
+      enabled: Boolean(projectSlug && environment && path),
+      queryFn: async () => {
+        const { data } = await apiRequest.get<{ dynamicSecrets: TDynamicSecret[] }>(
+          "/api/v1/dynamic-secrets",
+          {
+            params: {
+              projectSlug,
+              environmentSlug: environment,
+              path
+            }
+          }
+        );
+
+        return data.dynamicSecrets;
+      }
+    }))
+  });
+
+  const dynamicSecretNames = useMemo(() => {
+    const names = new Set<string>();
+    dynamicSecrets?.forEach(({ data }) => {
+      data?.forEach(({ name }) => {
+        names.add(name);
+      });
+    });
+    return [...names];
+  }, [(dynamicSecrets || []).map((dynamicSecret) => dynamicSecret.data)]);
+
+  const isDynamicSecretPresentInEnv = useCallback(
+    (name: string, env: string) => {
+      const selectedEnvIndex = environmentSlugs.indexOf(env);
+      if (selectedEnvIndex !== -1) {
+        return Boolean(
+          dynamicSecrets?.[selectedEnvIndex]?.data?.find(
+            ({ name: dynamicSecretName }) => dynamicSecretName === name
+          )
+        );
+      }
+      return false;
+    },
+    [(dynamicSecrets || []).map((el) => el.data)]
+  );
+
+  return { dynamicSecrets, isDynamicSecretPresentInEnv, dynamicSecretNames };
+};

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

@@ -82,3 +82,9 @@ export type TDetailsDynamicSecretDTO = {
   environmentSlug: string;
   name: string;
 };
+
+export type TGetDynamicSecretsByEnvsDTO = {
+  projectSlug: string;
+  path: string;
+  environmentSlugs: string[];
+};

frontend/src/hooks/api/dynamicSecretLease/queries.ts

@@ -35,3 +35,5 @@ export const useGetDynamicSecretLeases = ({
     }
   });
 };
+
+

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

@@ -46,3 +46,4 @@ export type TRevokeDynamicSecretLeaseDTO = {
   environmentSlug: string;
   isForced?: boolean;
 };
+