From 6a4e44ee0a928cef0c22f82486470ce4ed8ff5b3 Mon Sep 17 00:00:00 2001
From: cmeng <cmenginnz@gmail.com>
Date: Mon, 31 Jul 2023 18:46:00 +1200
Subject: [PATCH] fix(stack): update gitops updates tooltip EE-5827 (#9962)

---
 .../AutoUpdateFieldset/AutoUpdateFieldset.tsx | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateFieldset.tsx b/app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateFieldset.tsx
index 896a7b9c0..a55bcc471 100644
--- a/app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateFieldset.tsx
+++ b/app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateFieldset.tsx
@@ -3,7 +3,7 @@ import { FormikErrors } from 'formik';
 import { AutoUpdateModel } from '@/react/portainer/gitops/types';
 
 import { SwitchField } from '@@/form-components/SwitchField';
-import { TextTip } from '@@/Tip/TextTip';
+import { InsightsBox } from '@@/InsightsBox';
 
 import { AutoUpdateSettings } from './AutoUpdateSettings';
 
@@ -30,15 +30,13 @@ export function AutoUpdateFieldset({
     <>
       <div className="form-group">
         <div className="col-sm-12">
-          <TextTip color="blue" className="mb-2">
-            When enabled, at each polling interval or webhook invocation, if the
-            git repo differs from what was stored locally on the last git pull,
-            the changes are deployed.
-          </TextTip>
           <SwitchField
             name="autoUpdate"
-            checked={!!value.RepositoryAutomaticUpdates}
+            checked={value.RepositoryAutomaticUpdates}
             label="GitOps updates"
+            tooltip="When enabled, at each polling interval or webhook invocation, if the
+              git repo differs from what was stored locally on the last git pull,
+              the changes are deployed."
             labelClass="col-sm-3 col-lg-2"
             onChange={(value) =>
               handleChange({ RepositoryAutomaticUpdates: value })
@@ -47,6 +45,23 @@ export function AutoUpdateFieldset({
         </div>
       </div>
 
+      <InsightsBox
+        content={
+          <p>
+            We&#39;ve renamed &quot;Automatic updates&quot; to better align with
+            industry terminology and clarify its purpose for all users.
+            Originally chosen during the early emergence of GitOps, the name has
+            changed, but the functionality remains the same. GitOps has rapidly
+            emerged as a revolutionary approach to manage infrastructure and
+            application changes, and we want to ensure our platform reflects the
+            latest advancements in the industry.
+          </p>
+        }
+        header="Meet ‘GitOps updates’ : Formerly known as Automatic updates"
+        insightCloseId="rename-gitops-updates"
+        className="mb-3"
+      />
+
       {value.RepositoryAutomaticUpdates && (
         <AutoUpdateSettings
           webhookId={webhookId}