Merge pull request #2476 from Infisical/daniel/fix-missing-vars-count

fix(dashboard): fix imports missing secrets counter

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

@@ -189,6 +189,22 @@ export const useGetImportedSecretsAllEnvs = ({
     }))
   });
 
+  const getEnvImportedSecretKeyCount = useCallback(
+    (env: string) => {
+      const selectedEnvIndex = environments.indexOf(env);
+      let totalSecrets = 0;
+
+      if (selectedEnvIndex !== -1) {
+        secretImports?.[selectedEnvIndex]?.data?.forEach((secret) => {
+          totalSecrets += secret.secrets.length;
+        });
+      }
+
+      return totalSecrets;
+    },
+    [(secretImports || []).map((response) => response.data)]
+  );
+
   const isImportedSecretPresentInEnv = useCallback(
     (envSlug: string, secretName: string) => {
       const selectedEnvIndex = environments.indexOf(envSlug);
@@ -226,7 +242,12 @@ export const useGetImportedSecretsAllEnvs = ({
     [(secretImports || []).map((response) => response.data)]
   );
 
-  return { secretImports, isImportedSecretPresentInEnv, getImportedSecretByKey };
+  return {
+    secretImports,
+    isImportedSecretPresentInEnv,
+    getImportedSecretByKey,
+    getEnvImportedSecretKeyCount
+  };
 };
 
 export const useGetImportedFoldersByEnv = ({

frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx

@@ -207,11 +207,12 @@ export const SecretOverviewPage = () => {
     setVisibleEnvs(readableEnvs);
   }, [userAvailableEnvs, secretPath]);
 
-  const { isImportedSecretPresentInEnv, getImportedSecretByKey } = useGetImportedSecretsAllEnvs({
+  const { isImportedSecretPresentInEnv, getImportedSecretByKey, getEnvImportedSecretKeyCount } =
-    projectId: workspaceId,
+    useGetImportedSecretsAllEnvs({
-    path: secretPath,
+      projectId: workspaceId,
-    environments: userAvailableEnvs.map(({ slug }) => slug)
+      path: secretPath,
-  });
+      environments: userAvailableEnvs.map(({ slug }) => slug)
+    });
 
   const paginationOffset = (page - 1) * perPage;
 
@@ -784,7 +785,9 @@ export const SecretOverviewPage = () => {
                   </Th>
                   {visibleEnvs?.map(({ name, slug }, index) => {
                     const envSecKeyCount = getEnvSecretKeyCount(slug);
-                    const missingKeyCount = secKeys.length - envSecKeyCount;
+                    const importedSecKeyCount = getEnvImportedSecretKeyCount(slug);
+                    const missingKeyCount = secKeys.length - envSecKeyCount - importedSecKeyCount;
+
                     return (
                       <Th
                         className="min-table-row min-w-[11rem] border-b-0 p-0 text-center"