From 30252c2bcbb8ebe5420101a606760aa3b267455b Mon Sep 17 00:00:00 2001
From: Maidul Islam <maidul98@gmail.com>
Date: Wed, 28 May 2025 00:06:50 -0400
Subject: [PATCH] minor text updates

---
 .../CommitDetailsTab/CommitDetailsTab.tsx     | 20 ++++++-------------
 .../RollbackPreviewTab/RollbackPreviewTab.tsx |  8 ++++----
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/frontend/src/pages/secret-manager/CommitDetailsPage/components/CommitDetailsTab/CommitDetailsTab.tsx b/frontend/src/pages/secret-manager/CommitDetailsPage/components/CommitDetailsTab/CommitDetailsTab.tsx
index 52f835730..ec166d25a 100644
--- a/frontend/src/pages/secret-manager/CommitDetailsPage/components/CommitDetailsTab/CommitDetailsTab.tsx
+++ b/frontend/src/pages/secret-manager/CommitDetailsPage/components/CommitDetailsTab/CommitDetailsTab.tsx
@@ -300,16 +300,12 @@ export const CommitDetailsTab = ({
                         onClick={() => goToRollbackPreview()}
                       >
                         <div className="flex items-center space-x-3">
-                          <FontAwesomeIcon
-                            icon={faCodeBranch}
-                            className="mt-1 text-gray-300 group-hover:text-white"
-                          />
                           <div className="flex flex-col">
                             <span className="text-sm font-medium text-white">
-                              Restore to this commit
+                              Roll back to this commit
                             </span>
                             <span className="max-w-[180px] whitespace-normal break-words text-xs leading-snug text-gray-400">
-                              Restore the folder as it was at this time
+                              Return this folder to its exact state at the time of this commit, discarding all other changes made after it
                             </span>
                           </div>
                         </div>
@@ -321,16 +317,12 @@ export const CommitDetailsTab = ({
                       onClick={() => handlePopUpOpen("revertChanges")}
                     >
                       <div className="flex items-center space-x-3">
-                        <FontAwesomeIcon
-                          icon={faRotateLeft}
-                          className="mt-1 text-gray-300 group-hover:text-white"
-                        />
                         <div className="flex flex-col">
                           <span className="text-sm font-medium text-white">
                             Revert commit changes
                           </span>
                           <span className="max-w-[180px] whitespace-normal break-words text-xs leading-snug text-gray-400">
-                            Create a new commit that undoes the changes in this commit
+                            Will undo all changes made in this commit
                           </span>
                         </div>
                       </div>
@@ -360,11 +352,11 @@ export const CommitDetailsTab = ({
       <DeleteActionModal
         isOpen={popUp.revertChanges.isOpen}
         deleteKey="revert"
-        title="Are you sure you want to revert changes from this commit?"
-        subTitle="This action will undo all changes made in this commit."
+        title="Are you sure you want to revert all changes made in this commit?"
+        subTitle="This will undo all changes made in this commit."
         onChange={(isOpen) => handlePopUpToggle("revertChanges", isOpen)}
         onDeleteApproved={handleRevertChanges}
-        buttonText="Revert Changes"
+        buttonText="Yes, revert changes"
       />
     </div>
   );
diff --git a/frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/RollbackPreviewTab.tsx b/frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/RollbackPreviewTab.tsx
index 1cf5a58d2..820e0e4a2 100644
--- a/frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/RollbackPreviewTab.tsx
+++ b/frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/RollbackPreviewTab.tsx
@@ -222,7 +222,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
         {deepRollback && nestedFolderChanges.length > 0 && (
           <>
             <div className="border-b border-mineshaft-600 bg-mineshaft-800 px-4 py-2">
-              <span className="text-sm font-semibold text-white">Affected Child Folders</span>
+              <span className="text-sm font-semibold text-white">Child folders to be restored</span>
             </div>
             {nestedFolderChanges.map((folder) => (
               <div
@@ -309,7 +309,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
             <div>
               <PageHeader
                 title={`Restore folder at commit ${selectedCommitId.substring(0, 8)}`}
-                description="This will restore all changes to how they appeared at the point in time of this commit. Any modifications made after this commit will be undone."
+                description={`Will return all changes in this folder to how they appeared at the point of commit ${selectedCommitId.substring(0, 8)}. Any modifications made after this commit will be undone.`}
               />
 
               <div className="flex w-full border border-mineshaft-600">
@@ -320,7 +320,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
               <div className="border-x border-mineshaft-600 bg-mineshaft-800 px-6 py-3">
                 <div className="flex items-center justify-end">
                   <div className="flex items-center">
-                    <Tooltip content="Enable/Disable deep rollback to restore all nested folders to their previous state">
+                    <Tooltip content="Will rollback all nested folders to their state at the time of this commit">
                       <FontAwesomeIcon icon={faInfoCircle} className="mr-2 text-mineshaft-400" />
                     </Tooltip>
                     <Switch
@@ -330,7 +330,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
                       onCheckedChange={setDeepRollback}
                       id="deep-rollback"
                     >
-                      Recursively Restore Child Folders
+                      Restore All Child Folders
                     </Switch>
                   </div>
                 </div>