Add new line character support in Task Item comp.

The new line character `\n` is now supported through the use of the CSS property `white-space: pre-line`.
cloudbase · Nov 16, 2023 · e05de53 · e05de53
1 parent 7be6f9d
commit e05de53
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/modules/TransferModule/TaskItem/TaskItem.tsx b/src/components/modules/TransferModule/TaskItem/TaskItem.tsx
@@ -149,6 +149,7 @@ const ExceptionText = styled.div<any>`
   cursor: pointer;
   text-overflow: ellipsis;
   overflow: hidden;
+  white-space: pre-line;
   &:hover > span {
     opacity: 1;
   }
@@ -166,6 +167,7 @@ const ProgressUpdateDiv = styled.div<any>`
 `;
 const ProgressUpdateDate = styled.div<any>`
   min-width: ${props => props.width || "auto"};
+  white-space: pre-line;
   & > span {
     margin-left: 24px;
   }
@@ -373,9 +375,9 @@ class TaskItem extends React.Component<Props> {
 
   renderExceptionDetails() {
     const exceptionsText =
-      this.props.item.exception_details &&
-      this.props.item.exception_details.length &&
-      this.props.item.exception_details;
+      this.props.item.exception_details?.length > 0
+        ? this.props.item.exception_details
+        : null;
 
     let valueField;
     if (!exceptionsText) {