Show filters and other info even if there are no results

elastic · Sep 1, 2021 · 783e9e3 · 783e9e3
1 parent e9ce038
commit 783e9e3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/x-pack/plugins/timelines/public/components/t_grid/integrated/index.tsx b/x-pack/plugins/timelines/public/components/t_grid/integrated/index.tsx
@@ -297,15 +297,15 @@ const TGridIntegratedComponent: React.FC<TGridIntegratedProps> = ({
             data-test-subj={`events-container-loading-${loading}`}
           >
             <UpdatedFlexGroup gutterSize="m" justifyContent="flexEnd" alignItems={alignItems}>
-              <UpdatedFlexItem grow={false} $show={!loading && hasAlerts}>
+              <UpdatedFlexItem grow={false} $show={!loading}>
                 <InspectButton title={justTitle} inspect={inspect} loading={loading} />
               </UpdatedFlexItem>
-              <UpdatedFlexItem grow={false} $show={!loading && hasAlerts}>
+              <UpdatedFlexItem grow={false} $show={!loading}>
                 {!resolverIsShowing(graphEventId) && additionalFilters}
               </UpdatedFlexItem>
               {tGridEventRenderedViewEnabled &&
                 ['detections-page', 'detections-rules-details-page'].includes(id) && (
-                  <UpdatedFlexItem grow={false} $show={!loading && hasAlerts}>
+                  <UpdatedFlexItem grow={false} $show={!loading}>
                     <SummaryViewSelector viewSelected={tableView} onViewChange={setTableView} />
                   </UpdatedFlexItem>
                 )}

diff --git a/x-pack/plugins/timelines/public/components/t_grid/standalone/index.tsx b/x-pack/plugins/timelines/public/components/t_grid/standalone/index.tsx
@@ -347,11 +347,11 @@ const TGridStandaloneComponent: React.FC<TGridStandaloneProps> = ({
               data-timeline-id={STANDALONE_ID}
               data-test-subj={`events-container-loading-${loading}`}
             >
-              <UpdatedFlexGroup gutterSize="s" justifyContent="flexEnd" alignItems="baseline">
-                <UpdatedFlexItem grow={false} $show={!loading && hasAlerts}>
+              <UpdatedFlexGroup gutterSize="s" justifyContent="flexEnd" alignItems="center">
+                <UpdatedFlexItem grow={false} $show={!loading}>
                   <InspectButton title={justTitle} inspect={inspect} loading={loading} />
                 </UpdatedFlexItem>
-                <UpdatedFlexItem grow={false} $show={!loading && hasAlerts}>
+                <UpdatedFlexItem grow={false} $show={!loading}>
                   <LastUpdatedAt updatedAt={updatedAt} />
                 </UpdatedFlexItem>
               </UpdatedFlexGroup>