diff --git a/site/src/modules/resources/AgentLogs/AgentLogLine.tsx b/site/src/modules/resources/AgentLogs/AgentLogLine.tsx index 91f1b18523..2fc68a63c2 100644 --- a/site/src/modules/resources/AgentLogs/AgentLogLine.tsx +++ b/site/src/modules/resources/AgentLogs/AgentLogLine.tsx @@ -1,5 +1,5 @@ -import type { Interpolation, Theme } from "@emotion/react"; import AnsiToHTML from "ansi-to-html"; +import dayjs from "dayjs"; import { type FC, type ReactNode, useMemo } from "react"; import { type Line, LogLine, LogLinePrefix } from "#/components/Logs/LogLine"; // Approximate height of a log line. Used to control virtualized list height. @@ -9,34 +9,26 @@ const convert = new AnsiToHTML(); interface AgentLogLineProps { line: Line; - number: number; style: React.CSSProperties; sourceIcon: ReactNode; - maxLineNumber: number; } export const AgentLogLine: FC = ({ line, - number, - maxLineNumber, sourceIcon, style, }) => { const output = useMemo(() => { return convert.toHtml(line.output.split(/\r/g).pop() as string); }, [line.output]); + const timestamp = useMemo(() => { + return dayjs(line.time).format("HH:mm:ss.SSS"); + }, [line.time]); return ( {sourceIcon} - - {number} - + {timestamp} = ({ ); }; - -const styles = { - number: (theme) => ({ - width: 32, - textAlign: "right", - flexShrink: 0, - color: theme.palette.text.disabled, - }), -} satisfies Record>; diff --git a/site/src/modules/resources/AgentLogs/AgentLogs.tsx b/site/src/modules/resources/AgentLogs/AgentLogs.tsx index b3d36a0ffc..6370701843 100644 --- a/site/src/modules/resources/AgentLogs/AgentLogs.tsx +++ b/site/src/modules/resources/AgentLogs/AgentLogs.tsx @@ -124,8 +124,6 @@ export const AgentLogs: React.FC = ({ return (