From 4821889d37b5cd4884f4571d41960d9362d263a4 Mon Sep 17 00:00:00 2001
From: AWSHurneyt <hurneyt@amazon.com>
Date: Fri, 5 Aug 2022 08:34:21 -0700
Subject: [PATCH] Updated rollup help text. (#220)

Signed-off-by: AWSHurneyt <hurneyt@amazon.com>
---
 .../RollupIndices/RollupIndices.tsx           | 17 ++++++++++++++--
 .../CreateRollupForm.test.tsx.snap            | 20 ++++++++++++++++++-
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/public/pages/CreateRollup/components/RollupIndices/RollupIndices.tsx b/public/pages/CreateRollup/components/RollupIndices/RollupIndices.tsx
index 167544991..f55a0ce80 100644
--- a/public/pages/CreateRollup/components/RollupIndices/RollupIndices.tsx
+++ b/public/pages/CreateRollup/components/RollupIndices/RollupIndices.tsx
@@ -4,7 +4,7 @@
  */
 
 import React, { Component, Fragment } from "react";
-import { EuiSpacer, EuiFormRow, EuiComboBox, EuiCallOut } from "@elastic/eui";
+import { EuiSpacer, EuiFormRow, EuiComboBox, EuiCallOut, EuiText, EuiLink } from "@elastic/eui";
 import { EuiComboBoxOptionOption } from "@elastic/eui/src/components/combo_box/types";
 import _ from "lodash";
 import { ContentPanel } from "../../../../components/ContentPanel";
@@ -30,6 +30,8 @@ interface RollupIndicesState {
   targetIndexOptions: { label: string; value?: IndexItem }[];
 }
 
+export const ROLLUP_RESULTS_HELP_TEXT_LINK = "https://opensearch.org/docs/latest/im-plugin/index-rollups/index/#step-1-set-up-indices";
+
 export default class RollupIndices extends Component<RollupIndicesProps, RollupIndicesState> {
   static contextType = CoreServicesContext;
   constructor(props: RollupIndicesProps) {
@@ -143,7 +145,18 @@ export default class RollupIndices extends Component<RollupIndicesProps, RollupI
             label="Target index"
             error={targetIndexError}
             isInvalid={targetIndexError != ""}
-            helpText="The index stores rollup results. You can look up or an existing index to reuse or type to create a new index."
+            helpText={
+              <EuiText size={"xs"}>
+                {
+                  "The target index stores rollup results. You can select an existing index or type in a new index name with embedded variables "
+                }
+                {
+                  <EuiLink external href={ROLLUP_RESULTS_HELP_TEXT_LINK} target={"_blank"}>
+                    Learn more
+                  </EuiLink>
+                }
+              </EuiText>
+            }
           >
             <EuiComboBox
               placeholder="Select or create target index"
diff --git a/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap b/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
index c716f0703..91f455ab2 100644
--- a/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
+++ b/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
@@ -502,7 +502,25 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                       class="euiFormHelpText euiFormRow__text"
                       id="some_html_id-help-0"
                     >
-                      The index stores rollup results. You can look up or an existing index to reuse or type to create a new index.
+                      <div
+                        class="euiText euiText--extraSmall"
+                      >
+                        The target index stores rollup results. You can select an existing index or type in a new index name with embedded variables 
+                        <a
+                          class="euiLink euiLink--primary"
+                          href="https://opensearch.org/docs/latest/im-plugin/index-rollups/index/#step-1-set-up-indices"
+                          rel="noopener noreferrer"
+                          target="_blank"
+                        >
+                          Learn more
+                          EuiIconMock
+                          <span
+                            class="euiScreenReaderOnly"
+                          >
+                            (opens in a new tab or window)
+                          </span>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>