From b7918eca29fb6a29091635cba907ce84e15c9180 Mon Sep 17 00:00:00 2001 From: Ben Vu Date: Thu, 24 Apr 2025 15:43:25 -0400 Subject: [PATCH] fix typescript issues Signed-off-by: Ben Vu --- .../core-components/src/components/LogViewer/LogLine.tsx | 2 +- packages/core-components/src/components/LogViewer/styles.ts | 5 ++--- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/core-components/src/components/LogViewer/LogLine.tsx b/packages/core-components/src/components/LogViewer/LogLine.tsx index c258c27655..8b11d7b9de 100644 --- a/packages/core-components/src/components/LogViewer/LogLine.tsx +++ b/packages/core-components/src/components/LogViewer/LogLine.tsx @@ -193,7 +193,7 @@ export function LogLine({ (highlight === highlightResultIndex ? classes.textSelectedHighlight : classes.textHighlight), - !!setRowHeight && classes.modifierTextWrap, + { [classes.textWrap]: !!setRowHeight }, )} > {text} diff --git a/packages/core-components/src/components/LogViewer/styles.ts b/packages/core-components/src/components/LogViewer/styles.ts index 6511854d68..76e045ca32 100644 --- a/packages/core-components/src/components/LogViewer/styles.ts +++ b/packages/core-components/src/components/LogViewer/styles.ts @@ -50,8 +50,7 @@ export type LogViewerClassKey = | 'modifierBackgroundMagenta' | 'modifierBackgroundCyan' | 'modifierBackgroundWhite' - | 'modifierBackgroundGrey' - | 'modifierTextWrap'; + | 'modifierBackgroundGrey'; export const useStyles = makeStyles( theme => ({ @@ -168,7 +167,7 @@ export const useStyles = makeStyles( modifierBackgroundGrey: { background: colors.grey[500], }, - modifierTextWrap: { + textWrap: { whiteSpace: 'pre-wrap', wordBreak: 'break-all', },