minor text updates

This commit is contained in:
Maidul Islam
2025-05-28 00:06:50 -04:00
parent c7ec825830
commit 30252c2bcb
2 changed files with 10 additions and 18 deletions
@@ -300,16 +300,12 @@ export const CommitDetailsTab = ({
onClick={() => goToRollbackPreview()} onClick={() => goToRollbackPreview()}
> >
<div className="flex items-center space-x-3"> <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"> <div className="flex flex-col">
<span className="text-sm font-medium text-white"> <span className="text-sm font-medium text-white">
Restore to this commit Roll back to this commit
</span> </span>
<span className="max-w-[180px] whitespace-normal break-words text-xs leading-snug text-gray-400"> <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> </span>
</div> </div>
</div> </div>
@@ -321,16 +317,12 @@ export const CommitDetailsTab = ({
onClick={() => handlePopUpOpen("revertChanges")} onClick={() => handlePopUpOpen("revertChanges")}
> >
<div className="flex items-center space-x-3"> <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"> <div className="flex flex-col">
<span className="text-sm font-medium text-white"> <span className="text-sm font-medium text-white">
Revert commit changes Revert commit changes
</span> </span>
<span className="max-w-[180px] whitespace-normal break-words text-xs leading-snug text-gray-400"> <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> </span>
</div> </div>
</div> </div>
@@ -360,11 +352,11 @@ export const CommitDetailsTab = ({
<DeleteActionModal <DeleteActionModal
isOpen={popUp.revertChanges.isOpen} isOpen={popUp.revertChanges.isOpen}
deleteKey="revert" deleteKey="revert"
title="Are you sure you want to revert changes from this commit?" title="Are you sure you want to revert all changes made in this commit?"
subTitle="This action will undo all changes made in this commit." subTitle="This will undo all changes made in this commit."
onChange={(isOpen) => handlePopUpToggle("revertChanges", isOpen)} onChange={(isOpen) => handlePopUpToggle("revertChanges", isOpen)}
onDeleteApproved={handleRevertChanges} onDeleteApproved={handleRevertChanges}
buttonText="Revert Changes" buttonText="Yes, revert changes"
/> />
</div> </div>
); );
@@ -222,7 +222,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
{deepRollback && nestedFolderChanges.length > 0 && ( {deepRollback && nestedFolderChanges.length > 0 && (
<> <>
<div className="border-b border-mineshaft-600 bg-mineshaft-800 px-4 py-2"> <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> </div>
{nestedFolderChanges.map((folder) => ( {nestedFolderChanges.map((folder) => (
<div <div
@@ -309,7 +309,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
<div> <div>
<PageHeader <PageHeader
title={`Restore folder at commit ${selectedCommitId.substring(0, 8)}`} 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"> <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="border-x border-mineshaft-600 bg-mineshaft-800 px-6 py-3">
<div className="flex items-center justify-end"> <div className="flex items-center justify-end">
<div className="flex items-center"> <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" /> <FontAwesomeIcon icon={faInfoCircle} className="mr-2 text-mineshaft-400" />
</Tooltip> </Tooltip>
<Switch <Switch
@@ -330,7 +330,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
onCheckedChange={setDeepRollback} onCheckedChange={setDeepRollback}
id="deep-rollback" id="deep-rollback"
> >
Recursively Restore Child Folders Restore All Child Folders
</Switch> </Switch>
</div> </div>
</div> </div>