repace refresh button with run

Signed-off-by: Paul Sebastian <paulstn@amazon.com>
paulstn · Nov 6, 2023 · ff84089 · ff84089
1 parent 1263c81
commit ff84089
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/public/components/common/search/date_picker.tsx b/public/components/common/search/date_picker.tsx
@@ -22,6 +22,7 @@ export function DatePicker(props: IDatePickerProps) {
       onTimeChange={handleTimeChange}
       onRefresh={handleTimeRangePickerRefresh}
       className="osdQueryBar__datePicker"
+      showUpdateButton={false}
     />
   );
 }
diff --git a/public/components/common/search/search.tsx b/public/components/common/search/search.tsx
@@ -101,6 +101,7 @@ export const Search = (props: any) => {
   const [isLanguagePopoverOpen, setLanguagePopoverOpen] = useState(false);
   const [isFlyoutVisible, setIsFlyoutVisible] = useState(false);
   const [queryLang, setQueryLang] = useState(QUERY_LANGUAGE.PPL);
+  const [timePicker, setTimePicker] = useState(['now', 'now']); // TODO: make sure this default value won't interfere with anything
   const sqlService = new SQLService(coreRefs.http);
   const { application } = coreRefs;
 
@@ -274,15 +275,25 @@ export const Search = (props: any) => {
                   setIsOutputStale={setIsOutputStale}
                   liveStreamChecked={props.liveStreamChecked}
                   onLiveStreamChange={props.onLiveStreamChange}
-                  handleTimePickerChange={(timeRange: string[]) =>
-                    handleTimePickerChange(timeRange)
-                  }
+                  handleTimePickerChange={(timeRange: string[]) => setTimePicker(timeRange)}
                   handleTimeRangePickerRefresh={() => {
                     onQuerySearch(queryLang);
                   }}
                 />
               )}
             </EuiFlexItem>
+            <EuiFlexItem grow={false}>
+              <EuiButton
+                iconType={'play'}
+                fill={true}
+                onClick={() => {
+                  onQuerySearch(queryLang);
+                  handleTimePickerChange(timePicker);
+                }}
+              >
+                Run
+              </EuiButton>
+            </EuiFlexItem>
             {showSaveButton && !showSavePanelOptionsList && (
               <EuiFlexItem className="euiFlexItem--flexGrowZero live-tail">
                 <EuiPopover