Skip to content

Commit

Permalink
TimelineBodyGlobalStyle
Browse files Browse the repository at this point in the history
  • Loading branch information
patrykkopycinski committed Nov 25, 2019
1 parent a78786a commit 48fb916
Showing 1 changed file with 47 additions and 44 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ import {
OnUnPinEvent,
OnUpdateColumns,
} from '../events';
import { EventsTable, TimelineBody } from '../styles';
import { EventsTable, TimelineBody, TimelineBodyGlobalStyle } from '../styles';
import { ColumnHeaders } from './column_headers';
import { ColumnHeader } from './column_headers/column_header';
import { Events } from './events';
Expand Down Expand Up @@ -86,50 +86,53 @@ export const Body = React.memo<BodyProps>(
);

return (
<TimelineBody data-test-subj="timeline-body" bodyHeight={height}>
<EventsTable
data-test-subj="events-table"
// 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
style={{ minWidth: columnWidths + 'px' }}
>
<ColumnHeaders
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
browserFields={browserFields}
columnHeaders={columnHeaders}
isEventViewer={isEventViewer}
onColumnRemoved={onColumnRemoved}
onColumnResized={onColumnResized}
onColumnSorted={onColumnSorted}
onFilterChange={onFilterChange}
onUpdateColumns={onUpdateColumns}
showEventsSelect={false}
sort={sort}
timelineId={id}
toggleColumn={toggleColumn}
/>
<>
<TimelineBody data-test-subj="timeline-body" bodyHeight={height}>
<EventsTable
data-test-subj="events-table"
// 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
style={{ minWidth: columnWidths + 'px' }}
>
<ColumnHeaders
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
browserFields={browserFields}
columnHeaders={columnHeaders}
isEventViewer={isEventViewer}
onColumnRemoved={onColumnRemoved}
onColumnResized={onColumnResized}
onColumnSorted={onColumnSorted}
onFilterChange={onFilterChange}
onUpdateColumns={onUpdateColumns}
showEventsSelect={false}
sort={sort}
timelineId={id}
toggleColumn={toggleColumn}
/>

<Events
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
addNoteToEvent={addNoteToEvent}
browserFields={browserFields}
columnHeaders={columnHeaders}
columnRenderers={columnRenderers}
data={data}
eventIdToNoteIds={eventIdToNoteIds}
getNotesByIds={getNotesByIds}
id={id}
isEventViewer={isEventViewer}
onColumnResized={onColumnResized}
onPinEvent={onPinEvent}
onUpdateColumns={onUpdateColumns}
onUnPinEvent={onUnPinEvent}
pinnedEventIds={pinnedEventIds}
rowRenderers={rowRenderers}
toggleColumn={toggleColumn}
updateNote={updateNote}
/>
</EventsTable>
</TimelineBody>
<Events
actionsColumnWidth={getActionsColumnWidth(isEventViewer)}
addNoteToEvent={addNoteToEvent}
browserFields={browserFields}
columnHeaders={columnHeaders}
columnRenderers={columnRenderers}
data={data}
eventIdToNoteIds={eventIdToNoteIds}
getNotesByIds={getNotesByIds}
id={id}
isEventViewer={isEventViewer}
onColumnResized={onColumnResized}
onPinEvent={onPinEvent}
onUpdateColumns={onUpdateColumns}
onUnPinEvent={onUnPinEvent}
pinnedEventIds={pinnedEventIds}
rowRenderers={rowRenderers}
toggleColumn={toggleColumn}
updateNote={updateNote}
/>
</EventsTable>
</TimelineBody>
<TimelineBodyGlobalStyle />
</>
);
}
);
Expand Down

0 comments on commit 48fb916

Please sign in to comment.