diff --git a/app/react/components/LogViewer/LogLine.tsx b/app/react/components/LogViewer/LogLine.tsx index 88b49ac72..8b0c12096 100644 --- a/app/react/components/LogViewer/LogLine.tsx +++ b/app/react/components/LogViewer/LogLine.tsx @@ -33,7 +33,10 @@ function highlight(text: string, search: string): ReactNode { parts.push(text.substring(start, idx)); } parts.push( - + {text.substring(idx, idx + term.length)} ); diff --git a/app/react/components/LogViewer/LogViewer.tsx b/app/react/components/LogViewer/LogViewer.tsx index 83d5dec3d..23a120cc3 100644 --- a/app/react/components/LogViewer/LogViewer.tsx +++ b/app/react/components/LogViewer/LogViewer.tsx @@ -4,6 +4,7 @@ import { saveAs } from 'file-saver'; import DateTimeRangePicker from '@wojtekmaj/react-datetimerange-picker'; import { Calendar, + Check, Clock, Copy, Download, @@ -102,7 +103,7 @@ export function LogViewer({ ); // Copy uses the project's secure-context-safe clipboard wrapper. - const { handleCopy } = useCopy(logsAsString); + const { handleCopy, copiedSuccessfully } = useCopy(logsAsString); // Keep the newest line in view while tailing, but only if the user has not // scrolled up to read history (so an active read is never yanked to the bottom). @@ -218,16 +219,16 @@ export function LogViewer({ data-cy="log-viewer-filter-results" /> - {/* Copy */} + {/* Copy — shows a transient "Copied" acknowledgement */} {/* Download logs */}