diff --git a/x-pack/plugins/security_solution/public/timelines/components/notes/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/notes/index.tsx index 0abf13589d973e..7d083735e6c718 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/notes/index.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/notes/index.tsx @@ -4,7 +4,13 @@ * you may not use this file except in compliance with the Elastic License. */ -import { EuiInMemoryTable, EuiModalBody, EuiModalHeader, EuiSpacer } from '@elastic/eui'; +import { + EuiInMemoryTable, + EuiInMemoryTableProps, + EuiModalBody, + EuiModalHeader, + EuiSpacer, +} from '@elastic/eui'; import React, { useState } from 'react'; import styled from 'styled-components'; @@ -24,13 +30,15 @@ interface Props { updateNote: UpdateNote; } -const NotesPanel = styled.div` +const InMemoryTable: typeof EuiInMemoryTable & { displayName: string } = styled( + EuiInMemoryTable as React.ComponentType> +)` & thead { display: none; } -`; +` as any; // eslint-disable-line @typescript-eslint/no-explicit-any -NotesPanel.displayName = 'NotesPanel'; +InMemoryTable.displayName = 'InMemoryTable'; /** A view for entering and reviewing notes */ export const Notes = React.memo( @@ -39,7 +47,7 @@ export const Notes = React.memo( const isImmutable = status === TimelineStatus.immutable; return ( - + <> @@ -55,7 +63,7 @@ export const Notes = React.memo( /> )} - ( sorting={true} /> - + ); } );