From 69311f058bccc54ace46feacfb1276d0fd14da77 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <daniel@infisical.com>
Date: Wed, 18 Sep 2024 16:54:19 +0400
Subject: [PATCH] Update BackfillSecretReferenceSection.tsx

---
 .../BackfillSecretReferenceSection.tsx        | 65 ++++++++++---------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/frontend/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx b/frontend/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx
index 91f71f5eb..6b1da60b3 100644
--- a/frontend/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx
+++ b/frontend/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx
@@ -5,39 +5,40 @@ import { useBackfillSecretReference } from "@app/hooks/api";
 import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
 
 export const BackfillSecretReferenceSecretion = () => {
-	const { currentWorkspace } = useWorkspace();
-	const { membership } = useProjectPermission();
-	const backfillSecretReferences = useBackfillSecretReference();
+  const { currentWorkspace } = useWorkspace();
+  const { membership } = useProjectPermission();
+  const backfillSecretReferences = useBackfillSecretReference();
 
-	if (!currentWorkspace) return null;
+  if (!currentWorkspace) return null;
 
-	const handleBackfill = async () => {
-		if (backfillSecretReferences.isLoading) return;
-		try {
-			await backfillSecretReferences.mutateAsync({ projectId: currentWorkspace.id || "" });
-			createNotification({ text: "Successfully re-indexed secret references", type: "success" });
-		} catch {
-			createNotification({ text: "Failed to re-index secret references", type: "error" });
-		}
-	};
+  const handleBackfill = async () => {
+    if (backfillSecretReferences.isLoading) return;
+    try {
+      await backfillSecretReferences.mutateAsync({ projectId: currentWorkspace.id || "" });
+      createNotification({ text: "Successfully re-indexed secret references", type: "success" });
+    } catch {
+      createNotification({ text: "Failed to re-index secret references", type: "error" });
+    }
+  };
 
-	const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
-	return (
-		<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-			<div className="flex w-full items-center justify-between">
-				<p className="text-xl font-semibold">Index Secret References</p>
-			</div>
-			<p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
-				This will index all secret references, enabling integrations to be triggered when their values change going forward.
-			</p>
-			<Button
-				variant="outline_bg"
-				isLoading={backfillSecretReferences.isLoading}
-				onClick={handleBackfill}
-				isDisabled={!isAdmin}
-			>
-				Index Secret References
-			</Button>
-		</div>
-	);
+  const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
+  return (
+    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
+      <div className="flex w-full items-center justify-between">
+        <p className="text-xl font-semibold">Index Secret References</p>
+      </div>
+      <p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
+        This will index all secret references, enabling integrations to be triggered when their
+        values change going forward. This happens automatically when secrets are created or updated.
+      </p>
+      <Button
+        variant="outline_bg"
+        isLoading={backfillSecretReferences.isLoading}
+        onClick={handleBackfill}
+        isDisabled={!isAdmin}
+      >
+        Index Secret References
+      </Button>
+    </div>
+  );
 };