Copy updates: integration resources (#1555) (#1556)

(cherry picked from commit 94f7b34) Signed-off-by: Simeon Widdis <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Mar 18, 2024 · 5d42d8a · 5d42d8a
1 parent a242c78
commit 5d42d8a
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 44 deletions.
diff --git a/...omponents/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap b/...omponents/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
@@ -2071,13 +2071,51 @@ exports[`Integration Setup Page Renders the S3 connector form as expected 1`] =
           className="euiText euiText--medium"
         >
           <h3>
-            Installation Flows
+            Integration Resources
           </h3>
         </div>
       </EuiText>
-      <EuiSpacer>
+      <EuiFormRow
+        describedByIds={Array []}
+        display="row"
+        fullWidth={false}
+        hasChildLabel={true}
+        hasEmptyLabelSpace={false}
+        labelType="label"
+      >
         <div
-          className="euiSpacer euiSpacer--l"
+          className="euiFormRow"
+          id="random_html_id-row"
+        >
+          <div
+            className="euiFormRow__fieldWrapper"
+          >
+            <EuiText
+              grow={false}
+              id="random_html_id"
+              onBlur={[Function]}
+              onFocus={[Function]}
+              size="xs"
+            >
+              <div
+                className="euiText euiText--extraSmall euiText--constrainedWidth"
+                id="random_html_id"
+                onBlur={[Function]}
+                onFocus={[Function]}
+              >
+                <p>
+                  This integration offers valuable resources compatible with your data source. These can include dashboards, visualizations, indexes, and queries. Select at least one of the following options.
+                </p>
+              </div>
+            </EuiText>
+          </div>
+        </div>
+      </EuiFormRow>
+      <EuiSpacer
+        size="s"
+      >
+        <div
+          className="euiSpacer euiSpacer--s"
         />
       </EuiSpacer>
       <EuiFormRow
@@ -2091,40 +2129,17 @@ exports[`Integration Setup Page Renders the S3 connector form as expected 1`] =
         fullWidth={false}
         hasChildLabel={true}
         hasEmptyLabelSpace={false}
-        helpText="Select from the available asset types based on your use case. Choose at least one."
         isInvalid={false}
-        label="Flows"
         labelType="label"
       >
         <div
           className="euiFormRow"
           id="random_html_id-row"
         >
-          <div
-            className="euiFormRow__labelWrapper"
-          >
-            <EuiFormLabel
-              aria-invalid={false}
-              className="euiFormRow__label"
-              htmlFor="random_html_id"
-              isFocused={false}
-              isInvalid={false}
-              type="label"
-            >
-              <label
-                aria-invalid={false}
-                className="euiFormLabel euiFormRow__label"
-                htmlFor="random_html_id"
-              >
-                Flows
-              </label>
-            </EuiFormLabel>
-          </div>
           <div
             className="euiFormRow__fieldWrapper"
           >
             <SetupWorkflowSelector
-              aria-describedby="random_html_id-help-0"
               id="random_html_id"
               integration={
                 Object {
@@ -2273,18 +2288,6 @@ exports[`Integration Setup Page Renders the S3 connector form as expected 1`] =
                 </_EuiSplitPanelOuter>
               </EuiCheckableCard>
             </SetupWorkflowSelector>
-            <EuiFormHelpText
-              className="euiFormRow__text"
-              id="random_html_id-help-0"
-              key="Select from the available asset types based on your use case. Choose at least one."
-            >
-              <div
-                className="euiFormHelpText euiFormRow__text"
-                id="random_html_id-help-0"
-              >
-                Select from the available asset types based on your use case. Choose at least one.
-              </div>
-            </EuiFormHelpText>
           </div>
         </div>
       </EuiFormRow>

diff --git a/public/components/integrations/components/setup_integration.tsx b/public/components/integrations/components/setup_integration.tsx
@@ -396,14 +396,19 @@ export function SetupIntegrationForm({
             <>
               <EuiSpacer />
               <EuiText>
-                <h3>Installation Flows</h3>
+                <h3>Integration Resources</h3>
               </EuiText>
-              <EuiSpacer />
+              <EuiFormRow>
+                <EuiText grow={false} size="xs">
+                  <p>
+                    This integration offers valuable resources compatible with your data source.
+                    These can include dashboards, visualizations, indexes, and queries. Select at
+                    least one of the following options.
+                  </p>
+                </EuiText>
+              </EuiFormRow>
+              <EuiSpacer size="s" />
               <EuiFormRow
-                label={'Flows'}
-                helpText={
-                  'Select from the available asset types based on your use case. Choose at least one.'
-                }
                 isInvalid={![...useWorkflows.values()].includes(true)}
                 error={['Must select at least one workflow.']}
               >