diff --git a/frontend/src/concepts/dashboard/DashboardLogViewer.tsx b/frontend/src/concepts/dashboard/DashboardLogViewer.tsx index f487f3d239..d57fdc2428 100644 --- a/frontend/src/concepts/dashboard/DashboardLogViewer.tsx +++ b/frontend/src/concepts/dashboard/DashboardLogViewer.tsx @@ -8,7 +8,8 @@ const DashboardLogViewer: React.FC<{ footer: JSX.Element | false; onScroll: React.ComponentProps['onScroll']; height?: number | string; -}> = ({ data, logViewerRef, toolbar, footer, onScroll, height = '100%' }) => ( + isTextWrapped?: boolean; +}> = ({ data, logViewerRef, toolbar, footer, onScroll, height = '100%', isTextWrapped }) => ( ); diff --git a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTab.tsx b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTab.tsx index 0adb424e84..15d879ef18 100644 --- a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTab.tsx +++ b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTab.tsx @@ -1,6 +1,7 @@ import React, { useEffect } from 'react'; import { Button, + Checkbox, DropdownList, Icon, Spinner, @@ -89,6 +90,7 @@ const LogsTabForPodName: React.FC<{ podName: string; isFailedPod: boolean }> = ( const [isFullScreen, setIsFullScreen] = React.useState(false); const [showSearchbar, setShowsearchbar] = React.useState(false); const [isKebabOpen, setIsKebabOpen] = React.useState(false); + const [isTextWrapped, setIsTextWrapped] = React.useState(true); const logsTabRef = React.useRef(null); const dispatchResizeEvent = useDebounceCallback( @@ -229,6 +231,7 @@ const LogsTabForPodName: React.FC<{ podName: string; isFailedPod: boolean }> = ( height="calc(100% - 75px)" data={data} logViewerRef={logViewerRef} + isTextWrapped={isTextWrapped} toolbar={ !error && ( @@ -309,6 +312,15 @@ const LogsTabForPodName: React.FC<{ podName: string; isFailedPod: boolean }> = ( )} + + setIsTextWrapped(value)} + /> + {downloading && } {podContainers.length <= 1 ? ( diff --git a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTabStatus.tsx b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTabStatus.tsx index 7b0975a2fe..b441707b0a 100644 --- a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTabStatus.tsx +++ b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/runLogs/LogsTabStatus.tsx @@ -71,8 +71,7 @@ const LogsTabStatus: React.FC = ({ >

The log refreshes every {Math.floor(LOG_REFRESH_RATE / 1000)} seconds and displays the - latest {LOG_TAIL_LINES} lines. Exceptionally long lines are abridged. To view the full log - for this task, you can{' '} + latest {LOG_TAIL_LINES} lines. To view the full log for this task, you can{' '} {' '}