From 51605c644295af21b45b92b9c7338b54c78f703b Mon Sep 17 00:00:00 2001
From: Ali <83188384+testA113@users.noreply.github.com>
Date: Thu, 2 May 2024 14:10:36 +1200
Subject: [PATCH] fix(app): explain rollback tooltip [EE-6825] (#11698)

Co-authored-by: testa113 <testa113>
---
 .../RollbackApplicationButton.tsx             | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

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 (