Skip to content

Commit 48fb916

Browse files
patrykkopycinskipatrykkopycinski
committed
TimelineBodyGlobalStyle
1 parent a78786a commit 48fb916

1 file changed

Lines changed: 47 additions & 44 deletions

File tree

  • x-pack/legacy/plugins/siem/public/components/timeline/body

‎x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx‎

Lines changed: 47 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import {
1919
OnUnPinEvent,
2020
OnUpdateColumns,
2121
} from '../events';
22-
import { EventsTable, TimelineBody } from '../styles';
22+
import { EventsTable, TimelineBody, TimelineBodyGlobalStyle } from '../styles';
2323
import { ColumnHeaders } from './column_headers';
2424
import { ColumnHeader } from './column_headers/column_header';
2525
import { Events } from './events';
@@ -86,50 +86,53 @@ export const Body = React.memo<BodyProps>(
8686
);
8787

8888
return (
89-
<TimelineBody data-test-subj="timeline-body" bodyHeight={height}>
90-
<EventsTable
91-
data-test-subj="events-table"
92-
// Passing the styles directly to the component because the width is being calculated and is recommended by Styled Components for performance: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
93-
style={{ minWidth: columnWidths + 'px' }}
94-
>
95-
<ColumnHeaders
96-
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
97-
browserFields={browserFields}
98-
columnHeaders={columnHeaders}
99-
isEventViewer={isEventViewer}
100-
onColumnRemoved={onColumnRemoved}
101-
onColumnResized={onColumnResized}
102-
onColumnSorted={onColumnSorted}
103-
onFilterChange={onFilterChange}
104-
onUpdateColumns={onUpdateColumns}
105-
showEventsSelect={false}
106-
sort={sort}
107-
timelineId={id}
108-
toggleColumn={toggleColumn}
109-
/>
89+
<>
90+
<TimelineBody data-test-subj="timeline-body" bodyHeight={height}>
91+
<EventsTable
92+
data-test-subj="events-table"
93+
// Passing the styles directly to the component because the width is being calculated and is recommended by Styled Components for performance: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
94+
style={{ minWidth: columnWidths + 'px' }}
95+
>
96+
<ColumnHeaders
97+
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
98+
browserFields={browserFields}
99+
columnHeaders={columnHeaders}
100+
isEventViewer={isEventViewer}
101+
onColumnRemoved={onColumnRemoved}
102+
onColumnResized={onColumnResized}
103+
onColumnSorted={onColumnSorted}
104+
onFilterChange={onFilterChange}
105+
onUpdateColumns={onUpdateColumns}
106+
showEventsSelect={false}
107+
sort={sort}
108+
timelineId={id}
109+
toggleColumn={toggleColumn}
110+
/>
110111

111-
<Events
112-
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
113-
addNoteToEvent={addNoteToEvent}
114-
browserFields={browserFields}
115-
columnHeaders={columnHeaders}
116-
columnRenderers={columnRenderers}
117-
data={data}
118-
eventIdToNoteIds={eventIdToNoteIds}
119-
getNotesByIds={getNotesByIds}
120-
id={id}
121-
isEventViewer={isEventViewer}
122-
onColumnResized={onColumnResized}
123-
onPinEvent={onPinEvent}
124-
onUpdateColumns={onUpdateColumns}
125-
onUnPinEvent={onUnPinEvent}
126-
pinnedEventIds={pinnedEventIds}
127-
rowRenderers={rowRenderers}
128-
toggleColumn={toggleColumn}
129-
updateNote={updateNote}
130-
/>
131-
</EventsTable>
132-
</TimelineBody>
112+
<Events
113+
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
114+
addNoteToEvent={addNoteToEvent}
115+
browserFields={browserFields}
116+
columnHeaders={columnHeaders}
117+
columnRenderers={columnRenderers}
118+
data={data}
119+
eventIdToNoteIds={eventIdToNoteIds}
120+
getNotesByIds={getNotesByIds}
121+
id={id}
122+
isEventViewer={isEventViewer}
123+
onColumnResized={onColumnResized}
124+
onPinEvent={onPinEvent}
125+
onUpdateColumns={onUpdateColumns}
126+
onUnPinEvent={onUnPinEvent}
127+
pinnedEventIds={pinnedEventIds}
128+
rowRenderers={rowRenderers}
129+
toggleColumn={toggleColumn}
130+
updateNote={updateNote}
131+
/>
132+
</EventsTable>
133+
</TimelineBody>
134+
<TimelineBodyGlobalStyle />
135+
</>
133136
);
134137
}
135138
);

0 commit comments

Comments
 (0)