[Logs UI] Disable search bar when live stream is on. (#65491)

elastic · May 7, 2020 · f53b147 · f53b147
1 parent 3f3d5f9
commit f53b147
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx b/x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx
@@ -26,6 +26,7 @@ interface AutocompleteFieldProps {
   placeholder?: string;
   suggestions: QuerySuggestion[];
   value: string;
+  disabled?: boolean;
   autoFocus?: boolean;
   'aria-label'?: string;
 }
@@ -55,6 +56,7 @@ export class AutocompleteField extends React.Component<
       isValid,
       placeholder,
       value,
+      disabled,
       'aria-label': ariaLabel,
     } = this.props;
     const { areSuggestionsVisible, selectedIndex } = this.state;
@@ -64,6 +66,7 @@ export class AutocompleteField extends React.Component<
         <AutocompleteContainer>
           <FixedEuiFieldSearch
             fullWidth
+            disabled={disabled}
             inputRef={this.handleChangeInputRef}
             isLoading={isLoadingSuggestions}
             isInvalid={!isValid}

diff --git a/x-pack/plugins/infra/public/pages/logs/stream/page_toolbar.tsx b/x-pack/plugins/infra/public/pages/logs/stream/page_toolbar.tsx
@@ -64,6 +64,7 @@ export const LogsToolbar = () => {
                 isLoadingSuggestions={isLoadingSuggestions}
                 isValid={isFilterQueryDraftValid}
                 loadSuggestions={loadSuggestions}
+                disabled={isStreaming}
                 onChange={(expression: string) => {
                   setSurroundingLogsId(null);
                   setLogFilterQueryDraft(expression);