From 0321da2a2f6e524399963deae3320c87449baab7 Mon Sep 17 00:00:00 2001
From: Kshitij Tandon <tandonks@amazon.com>
Date: Thu, 29 Aug 2024 15:40:26 +0530
Subject: [PATCH] Couple of changes for old UI

Signed-off-by: Kshitij Tandon <tandonks@amazon.com>
---
 public/pages/Aliases/containers/Aliases/Aliases.tsx  |  1 +
 .../Aliases/__snapshots__/Aliases.test.tsx.snap      |  1 +
 .../ManagedIndexControls/ManagedIndexControls.tsx    |  1 +
 .../__snapshots__/ManagedIndexControls.test.tsx.snap | 12 ++++++------
 .../__snapshots__/ManagedIndices.test.tsx.snap       |  4 ++--
 .../Templates/containers/Templates/Templates.tsx     |  1 +
 .../Templates/__snapshots__/Templates.test.tsx.snap  |  1 +
 7 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/public/pages/Aliases/containers/Aliases/Aliases.tsx b/public/pages/Aliases/containers/Aliases/Aliases.tsx
index 05b87d9c8..1ad8f8967 100644
--- a/public/pages/Aliases/containers/Aliases/Aliases.tsx
+++ b/public/pages/Aliases/containers/Aliases/Aliases.tsx
@@ -511,6 +511,7 @@ class Aliases extends MDSEnabledComponent<AliasesProps, AliasesState> {
                 text: "Create alias",
                 buttonProps: {
                   fill: true,
+                  iconType: "plus",
                   onClick: () => {
                     this.setState({
                       aliasCreateFlyoutVisible: true,
diff --git a/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap b/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
index caa3632b3..83e76d4e2 100644
--- a/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
+++ b/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
@@ -103,6 +103,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
                 <span
                   class="euiButtonContent euiButton__content"
                 >
+                  EuiIconMock
                   <span
                     class="euiButton__text"
                   >
diff --git a/public/pages/ManagedIndices/components/ManagedIndexControls/ManagedIndexControls.tsx b/public/pages/ManagedIndices/components/ManagedIndexControls/ManagedIndexControls.tsx
index 17aef000f..ad32ccdff 100644
--- a/public/pages/ManagedIndices/components/ManagedIndexControls/ManagedIndexControls.tsx
+++ b/public/pages/ManagedIndices/components/ManagedIndexControls/ManagedIndexControls.tsx
@@ -121,6 +121,7 @@ export default class ManagedIndexControls extends Component<ManagedIndexControls
           <EuiSearchBar
             query={search}
             box={{ placeholder: "Search index name", schema, incremental: true }}
+            compressed
             onChange={onSearchChange}
             filters={filters}
           />
diff --git a/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap b/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
index 82bf738f9..b0568035d 100644
--- a/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
@@ -15,14 +15,14 @@ exports[`<ManagedIndexControls /> spec renders data streams selection field 1`]
         class="euiFlexItem euiSearchBar__searchHolder"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
               aria-label="This is a search bar. As you type, the results lower in the page will automatically filter."
-              class="euiFieldSearch euiFieldSearch--fullWidth"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
               placeholder="Search index name"
               type="search"
               value=""
@@ -53,7 +53,7 @@ exports[`<ManagedIndexControls /> spec renders data streams selection field 1`]
               class="euiPopover__anchor"
             >
               <button
-                class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon"
+                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton--hasIcon"
                 type="button"
               >
                 <span
@@ -131,14 +131,14 @@ exports[`<ManagedIndexControls /> spec renders the component 1`] = `
         class="euiFlexItem euiSearchBar__searchHolder"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
               aria-label="This is a search bar. As you type, the results lower in the page will automatically filter."
-              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
               placeholder="Search index name"
               type="search"
               value="testing"
@@ -157,7 +157,7 @@ exports[`<ManagedIndexControls /> spec renders the component 1`] = `
             >
               <button
                 aria-label="Clear input"
-                class="euiFormControlLayoutClearButton"
+                class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                 type="button"
               >
                 EuiIconMock
diff --git a/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap b/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
index bd9ca92f1..bca319af4 100644
--- a/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
+++ b/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
@@ -174,14 +174,14 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
               class="euiFlexItem euiSearchBar__searchHolder"
             >
               <div
-                class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <input
                     aria-label="This is a search bar. As you type, the results lower in the page will automatically filter."
-                    class="euiFieldSearch euiFieldSearch--fullWidth"
+                    class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
                     placeholder="Search index name"
                     type="search"
                     value=""
diff --git a/public/pages/Templates/containers/Templates/Templates.tsx b/public/pages/Templates/containers/Templates/Templates.tsx
index 95c71b21c..03afabea1 100644
--- a/public/pages/Templates/containers/Templates/Templates.tsx
+++ b/public/pages/Templates/containers/Templates/Templates.tsx
@@ -447,6 +447,7 @@ class Templates extends MDSEnabledComponent<TemplatesProps, TemplatesState> {
                 buttonProps: {
                   fill: true,
                   onClick: onClickCreate,
+                  iconType: "plus",
                 },
               },
             ]}
diff --git a/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap b/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
index 1b4ee6fc1..493ef3678 100644
--- a/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
+++ b/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
@@ -101,6 +101,7 @@ exports[`<Templates /> spec renders the component 1`] = `
                 <span
                   class="euiButtonContent euiButton__content"
                 >
+                  EuiIconMock
                   <span
                     class="euiButton__text"
                   >