diff --git a/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/RollbackApplicationButton.tsx b/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/RollbackApplicationButton.tsx index 2b11799ff..79a7b1999 100644 --- a/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/RollbackApplicationButton.tsx +++ b/app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/RollbackApplicationButton.tsx @@ -12,6 +12,7 @@ import { confirm } from '@@/modals/confirm'; import { ModalType } from '@@/modals'; import { buildConfirmButton } from '@@/modals/utils'; import { TooltipWithChildren } from '@@/Tip/TooltipWithChildren'; +import { Tooltip } from '@@/Tip/Tooltip'; import { useApplicationRevisionList, @@ -69,19 +70,22 @@ export function RollbackApplicationButton({ patchAppMutation.isLoading; const rollbackButton = ( - <Button - ng-if="!ctrl.isExternalApplication()" - type="button" - color="light" - size="small" - className="!ml-0" - disabled={isRollbackNotAvailable} - onClick={() => rollbackApplication()} - data-cy="k8sAppDetail-rollbackButton" - > - <Icon icon={RotateCcw} className="mr-1" /> - Rollback to previous configuration - </Button> + <div className="flex gap-x-2"> + <Button + ng-if="!ctrl.isExternalApplication()" + type="button" + color="light" + size="small" + className="!ml-0" + disabled={isRollbackNotAvailable} + onClick={() => rollbackApplication()} + data-cy="k8sAppDetail-rollbackButton" + > + <Icon icon={RotateCcw} className="mr-1" /> + Rollback to previous configuration + </Button> + <Tooltip message="Only one level of rollback is available, i.e. if you roll back from v2 to v1, and then roll back again, you will end up back at v2. Note that service changes and autoscaler rule changes are not included in rollback functionality. This is how Kubernetes works natively." /> + </div> ); return (