Changes alerting search bar to use EuiFieldSearch component (#85821)

* Changes search bar to use search field specific eui component * Update type checks
elastic · Dec 16, 2020 · 2f5f148 · 2f5f148
1 parent 5b10061
commit 2f5f148
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/...ns/triggers_actions_ui/public/application/sections/alerts_list/components/alerts_list.tsx b/...ns/triggers_actions_ui/public/application/sections/alerts_list/components/alerts_list.tsx
@@ -14,10 +14,9 @@ import {
   EuiBasicTable,
   EuiBadge,
   EuiButton,
-  EuiFieldText,
+  EuiFieldSearch,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiIcon,
   EuiSpacer,
   EuiLink,
   EuiLoadingSpinner,
@@ -444,10 +443,10 @@ export const AlertsList: React.FunctionComponent = () => {
           </EuiFlexItem>
         ) : null}
         <EuiFlexItem>
-          <EuiFieldText
+          <EuiFieldSearch
             fullWidth
+            isClearable
             data-test-subj="alertSearchField"
-            prepend={<EuiIcon type="search" />}
             onChange={(e) => setInputText(e.target.value)}
             onKeyUp={(e) => {
               if (e.keyCode === ENTER_KEY) {