diff --git a/frontend/src/components/Logs/TableView/types.ts b/frontend/src/components/Logs/TableView/types.ts index d5a456182d..446e99f32c 100644 --- a/frontend/src/components/Logs/TableView/types.ts +++ b/frontend/src/components/Logs/TableView/types.ts @@ -10,6 +10,7 @@ export type LogsTableViewProps = { logs: ILog[]; fields: IField[]; linesPerRow: number; + onClickExpand?: (log: ILog) => void; }; export type UseTableViewResult = { diff --git a/frontend/src/container/LogsTable/index.tsx b/frontend/src/container/LogsTable/index.tsx index 729b9c6b94..2acfdc9a13 100644 --- a/frontend/src/container/LogsTable/index.tsx +++ b/frontend/src/container/LogsTable/index.tsx @@ -5,6 +5,7 @@ import RawLogView from 'components/Logs/RawLogView'; import LogsTableView from 'components/Logs/TableView'; import Spinner from 'components/Spinner'; import { contentStyle } from 'container/Trace/Search/config'; +import { useActiveLog } from 'hooks/logs/useActiveLog'; import useFontFaceObserver from 'hooks/useFontObserver'; import { memo, useCallback, useMemo } from 'react'; import { useSelector } from 'react-redux'; @@ -26,6 +27,8 @@ type LogsTableProps = { function LogsTable(props: LogsTableProps): JSX.Element { const { viewMode, linesPerRow } = props; + const { onSetActiveLog } = useActiveLog(); + useFontFaceObserver( [ { @@ -72,7 +75,12 @@ function LogsTable(props: LogsTableProps): JSX.Element { const renderContent = useMemo(() => { if (viewMode === 'table') { return ( - + ); } @@ -85,7 +93,7 @@ function LogsTable(props: LogsTableProps): JSX.Element { /> ); - }, [getItemContent, linesPerRow, logs, selected, viewMode]); + }, [getItemContent, linesPerRow, logs, onSetActiveLog, selected, viewMode]); if (isLoading) { return ;