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 ;