From 64e09b0dcd2dbbdd84c3396c086f033c71ee0381 Mon Sep 17 00:00:00 2001
From: carlosmonastyrski <charly.monastyrski@gmail.com>
Date: Thu, 12 Jun 2025 11:28:56 -0300
Subject: [PATCH] feat(pit): improve banner messaging

---
 .../src/pages/secret-manager/CommitsPage/CommitsPage.tsx | 9 +++++++++
 .../components/PitDrawer/PitDrawer.tsx                   | 7 ++++---
 .../components/SnapshotView/SnapshotView.tsx             | 6 +++---
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/secret-manager/CommitsPage/CommitsPage.tsx b/frontend/src/pages/secret-manager/CommitsPage/CommitsPage.tsx
index 5479f4e36..c921d89c4 100644
--- a/frontend/src/pages/secret-manager/CommitsPage/CommitsPage.tsx
+++ b/frontend/src/pages/secret-manager/CommitsPage/CommitsPage.tsx
@@ -2,6 +2,7 @@ import { useNavigate, useParams, useSearch } from "@tanstack/react-router";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { PageHeader } from "@app/components/v2";
+import { NoticeBannerV2 } from "@app/components/v2/NoticeBannerV2/NoticeBannerV2";
 import { ROUTE_PATHS } from "@app/const/routes";
 import { useWorkspace } from "@app/context";
 import {
@@ -52,6 +53,14 @@ export const CommitsPage = () => {
           title="Commits"
           description="Track, inspect, and restore your secrets and folders with confidence. View the complete history of changes made to your environment, examine specific modifications at each commit point, and preview the exact impact before rolling back to previous states."
         />
+        <NoticeBannerV2 title="" className="mb-2">
+          <p className="my-1 text-sm text-mineshaft-300">
+            Secret Snapshots have been officially renamed to Commits. Going forward, all secret
+            changes will be tracked as Commits. If you made changes before this update, you can
+            still access your older Secret Snapshots by temporarily re-enabling the legacy feature
+            in your project settings.
+          </p>
+        </NoticeBannerV2>
         <ProjectPermissionCan
           renderGuardBanner
           I={ProjectPermissionCommitsActions.Read}
diff --git a/frontend/src/pages/secret-manager/SecretDashboardPage/components/PitDrawer/PitDrawer.tsx b/frontend/src/pages/secret-manager/SecretDashboardPage/components/PitDrawer/PitDrawer.tsx
index c3d2bbf66..bda170e6e 100644
--- a/frontend/src/pages/secret-manager/SecretDashboardPage/components/PitDrawer/PitDrawer.tsx
+++ b/frontend/src/pages/secret-manager/SecretDashboardPage/components/PitDrawer/PitDrawer.tsx
@@ -42,7 +42,7 @@ export const PitDrawer = ({
         <div className="flex flex-col space-y-2">
           <NoticeBannerV2 title="Snapshots are being deprecated" className="mb-2">
             <p className="my-1 text-sm text-mineshaft-300">
-              Snapshots are being deprecated in favor of{" "}
+              Snapshots will be replaced by{" "}
               <a
                 target="_blank"
                 href="https://infisical.com/docs/documentation/platform/pit-recovery"
@@ -50,8 +50,9 @@ export const PitDrawer = ({
                 className="underline decoration-primary underline-offset-2 hover:text-mineshaft-200"
               >
                 Commits
-              </a>
-              . This feature will be officially removed in November 2025.
+              </a>{" "}
+              to track history going forward. This feature will be officially removed in November
+              2025.
             </p>
           </NoticeBannerV2>
           {secretSnaphots?.pages?.map((group, i) => (
diff --git a/frontend/src/pages/secret-manager/SecretDashboardPage/components/SnapshotView/SnapshotView.tsx b/frontend/src/pages/secret-manager/SecretDashboardPage/components/SnapshotView/SnapshotView.tsx
index 7e7a5f8c8..d286db472 100644
--- a/frontend/src/pages/secret-manager/SecretDashboardPage/components/SnapshotView/SnapshotView.tsx
+++ b/frontend/src/pages/secret-manager/SecretDashboardPage/components/SnapshotView/SnapshotView.tsx
@@ -161,7 +161,7 @@ export const SnapshotView = ({
       </div>
       <NoticeBannerV2 title="Snapshots are being deprecated" className="my-2">
         <p className="my-1 text-sm text-mineshaft-300">
-          Snapshots are being deprecated in favor of{" "}
+          Snapshots will be replaced by{" "}
           <a
             target="_blank"
             href="https://infisical.com/docs/documentation/platform/pit-recovery"
@@ -169,8 +169,8 @@ export const SnapshotView = ({
             className="underline decoration-primary underline-offset-2 hover:text-mineshaft-200"
           >
             Commits
-          </a>
-          . This feature will be officially removed in November 2025.
+          </a>{" "}
+          to track history going forward. This feature will be officially removed in November 2025.
         </p>
       </NoticeBannerV2>
       <div className="mt-4 flex items-center space-x-2">