RI-7249 - RDI---Connection-test-results-are-broken (#4790)

Author: Kristiyan Ivanov

redisinsight/ui/src/pages/rdi/pipeline-management/components/test-connections-table/TestConnectionsTable.tsx

@@ -1,10 +1,15 @@
 import React from 'react'
+import styled from 'styled-components'
 import { Table, ColumnDefinition } from 'uiSrc/components/base/layout/table'
 
 import { IRdiConnectionResult } from 'uiSrc/slices/interfaces'
 
 import styles from './styles.module.scss'
 
+const PreWrapText = styled.div<React.HTMLAttributes<HTMLDivElement>>`
+  white-space: pre-wrap;
+`
+
 export interface Props {
   data: Array<IRdiConnectionResult>
 }
@@ -32,9 +37,9 @@ const TestConnectionsTable = (props: Props) => {
           original: { target, error },
         },
       }) => (
-        <div data-testid={`table-result-${target}`}>
+        <PreWrapText data-testid={`table-result-${target}`}>
           {error || 'Successful'}
-        </div>
+        </PreWrapText>
       ),
     },
   ]

redisinsight/ui/src/pages/rdi/pipeline-management/components/test-connections-table/styles.module.scss

@@ -1,5 +1,6 @@
 .tableWrapper {
   max-height: calc(100vh - 282px);
+  padding: 1px;
   @include eui.scrollBar;
   overflow: auto;
 }