Switch heading types on integrations setup page (#1136)

opensearch-project · Oct 17, 2023 · 4540326 · 4540326
1 parent 72eecd0
commit 4540326
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 30 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
@@ -60,13 +60,15 @@ exports[`Integration Setup Page Renders integration setup page as expected 1`] =
                               className="euiSpacer euiSpacer--l"
                             />
                           </EuiSpacer>
-                          <EuiTitle>
-                            <h2
-                              className="euiTitle euiTitle--medium"
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
                             >
-                              Integration Details
-                            </h2>
-                          </EuiTitle>
+                              <h3>
+                                Integration Details
+                              </h3>
+                            </div>
+                          </EuiText>
                           <EuiSpacer>
                             <div
                               className="euiSpacer euiSpacer--l"
@@ -148,13 +150,15 @@ exports[`Integration Setup Page Renders integration setup page as expected 1`] =
                               className="euiSpacer euiSpacer--l"
                             />
                           </EuiSpacer>
-                          <EuiTitle>
-                            <h2
-                              className="euiTitle euiTitle--medium"
+                          <EuiText>
+                            <div
+                              className="euiText euiText--medium"
                             >
-                              Integration Connection
-                            </h2>
-                          </EuiTitle>
+                              <h3>
+                                Integration Connection
+                              </h3>
+                            </div>
+                          </EuiText>
                           <EuiSpacer>
                             <div
                               className="euiSpacer euiSpacer--l"
@@ -1041,13 +1045,15 @@ exports[`Integration Setup Page Renders the form as expected 1`] = `
           className="euiSpacer euiSpacer--l"
         />
       </EuiSpacer>
-      <EuiTitle>
-        <h2
-          className="euiTitle euiTitle--medium"
+      <EuiText>
+        <div
+          className="euiText euiText--medium"
         >
-          Integration Details
-        </h2>
-      </EuiTitle>
+          <h3>
+            Integration Details
+          </h3>
+        </div>
+      </EuiText>
       <EuiSpacer>
         <div
           className="euiSpacer euiSpacer--l"
@@ -1129,13 +1135,15 @@ exports[`Integration Setup Page Renders the form as expected 1`] = `
           className="euiSpacer euiSpacer--l"
         />
       </EuiSpacer>
-      <EuiTitle>
-        <h2
-          className="euiTitle euiTitle--medium"
+      <EuiText>
+        <div
+          className="euiText euiText--medium"
         >
-          Integration Connection
-        </h2>
-      </EuiTitle>
+          <h3>
+            Integration Connection
+          </h3>
+        </div>
+      </EuiText>
       <EuiSpacer>
         <div
           className="euiSpacer euiSpacer--l"

diff --git a/public/components/integrations/components/setup_integration.tsx b/public/components/integrations/components/setup_integration.tsx
@@ -194,9 +194,9 @@ export function SetupIntegrationForm({
         <h1>Set Up Integration</h1>
       </EuiTitle>
       <EuiSpacer />
-      <EuiTitle>
-        <h2>Integration Details</h2>
-      </EuiTitle>
+      <EuiText>
+        <h3>Integration Details</h3>
+      </EuiText>
       <EuiSpacer />
       <EuiFormRow label="Display Name">
         <EuiFieldText
@@ -206,9 +206,9 @@ export function SetupIntegrationForm({
         />
       </EuiFormRow>
       <EuiSpacer />
-      <EuiTitle>
-        <h2>Integration Connection</h2>
-      </EuiTitle>
+      <EuiText>
+        <h3>Integration Connection</h3>
+      </EuiText>
       <EuiSpacer />
       <EuiFormRow label="Data Source" helpText="Select a data source to connect to.">
         <EuiSelect