@@ -162,7 +162,7 @@ export const EqlTabContentComponent: React.FC<Props> = ({
162162 ) ;
163163
164164 return (
165- < >
165+ < >
166166 < InPortal node = { eqlEventsCountPortalNode } >
167167 { totalCount >= 0 ? < EventsCountBadge > { totalCount } </ EventsCountBadge > : null }
168168 </ InPortal >
@@ -214,52 +214,52 @@ export const EqlTabContentComponent: React.FC<Props> = ({
214214 < TabHeaderContainer data-test-subj = "timelineHeader" >
215215 < EqlQueryBarTimeline timelineId = { timelineId } />
216216 </ TabHeaderContainer >
217- < EventDetailsWidthProvider >
218- < StyledEuiFlyoutBody
219- data-test-subj = { `${ TimelineTabs . eql } -tab-flyout-body` }
220- className = "timeline-flyout-body"
221- >
222- < StatefulBody
223- activePage = { pageInfo . activePage }
224- browserFields = { browserFields }
225- data = { isBlankTimeline ? EMPTY_EVENTS : events }
217+ < EventDetailsWidthProvider >
218+ < StyledEuiFlyoutBody
219+ data-test-subj = { `${ TimelineTabs . eql } -tab-flyout-body` }
220+ className = "timeline-flyout-body"
221+ >
222+ < StatefulBody
223+ activePage = { pageInfo . activePage }
224+ browserFields = { browserFields }
225+ data = { isBlankTimeline ? EMPTY_EVENTS : events }
226+ id = { timelineId }
227+ refetch = { refetch }
228+ renderCellValue = { renderCellValue }
229+ rowRenderers = { rowRenderers }
230+ sort = { NO_SORTING }
231+ tabType = { TimelineTabs . eql }
232+ totalPages = { calculateTotalPages ( {
233+ itemsCount : totalCount ,
234+ itemsPerPage,
235+ } ) }
236+ leadingControlColumns = { leadingControlColumns }
237+ trailingControlColumns = { trailingControlColumns }
238+ />
239+ </ StyledEuiFlyoutBody >
240+
241+ < StyledEuiFlyoutFooter
242+ data-test-subj = { `${ TimelineTabs . eql } -tab-flyout-footer` }
243+ className = "timeline-flyout-footer"
244+ >
245+ { ! isBlankTimeline && (
246+ < Footer
247+ activePage = { pageInfo ?. activePage ?? 0 }
248+ data-test-subj = "timeline-footer"
249+ updatedAt = { refreshedAt }
250+ height = { footerHeight }
226251 id = { timelineId }
227- refetch = { refetch }
228- renderCellValue = { renderCellValue }
229- rowRenderers = { rowRenderers }
230- sort = { NO_SORTING }
231- tabType = { TimelineTabs . eql }
232- totalPages = { calculateTotalPages ( {
233- itemsCount : totalCount ,
234- itemsPerPage,
235- } ) }
236- leadingControlColumns = { leadingControlColumns }
237- trailingControlColumns = { trailingControlColumns }
252+ isLive = { isLive }
253+ isLoading = { isQueryLoading || loadingSourcerer }
254+ itemsCount = { isBlankTimeline ? 0 : events . length }
255+ itemsPerPage = { itemsPerPage }
256+ itemsPerPageOptions = { itemsPerPageOptions }
257+ onChangePage = { loadPage }
258+ totalCount = { isBlankTimeline ? 0 : totalCount }
238259 />
239- </ StyledEuiFlyoutBody >
240-
241- < StyledEuiFlyoutFooter
242- data-test-subj = { `${ TimelineTabs . eql } -tab-flyout-footer` }
243- className = "timeline-flyout-footer"
244- >
245- { ! isBlankTimeline && (
246- < Footer
247- activePage = { pageInfo ?. activePage ?? 0 }
248- data-test-subj = "timeline-footer"
249- updatedAt = { refreshedAt }
250- height = { footerHeight }
251- id = { timelineId }
252- isLive = { isLive }
253- isLoading = { isQueryLoading || loadingSourcerer }
254- itemsCount = { isBlankTimeline ? 0 : events . length }
255- itemsPerPage = { itemsPerPage }
256- itemsPerPageOptions = { itemsPerPageOptions }
257- onChangePage = { loadPage }
258- totalCount = { isBlankTimeline ? 0 : totalCount }
259- />
260- ) }
261- </ StyledEuiFlyoutFooter >
262- </ EventDetailsWidthProvider >
260+ ) }
261+ </ StyledEuiFlyoutFooter >
262+ </ EventDetailsWidthProvider >
263263 </ ScrollableFlexItem >
264264 { showExpandedDetails && (
265265 < >
0 commit comments