#RI-3690 - No results displayed for full mode

#RI-3692 - Errors are highlighted not in red
#RI-3693 - Two scrolls appear in full screen when command output in several lines

Author: egor-zalenski

redisinsight/ui/src/components/query-card/QueryCardCliResultWrapper/QueryCardCliResultWrapper.tsx

@@ -5,8 +5,9 @@ import { isArray } from 'lodash'
 
 import { CommandExecutionResult } from 'uiSrc/slices/interfaces'
 import { ResultsMode } from 'uiSrc/slices/interfaces/workbench'
-import { formatToText, isGroupMode, Maybe } from 'uiSrc/utils'
+import { cliParseTextResponse, formatToText, isGroupMode, Maybe } from 'uiSrc/utils'
 
+import { CommandExecutionStatus } from 'uiSrc/slices/interfaces/cli'
 import QueryCardCliDefaultResult from '../QueryCardCliDefaultResult'
 import QueryCardCliGroupResult from '../QueryCardCliGroupResult'
 import styles from './styles.module.scss'
@@ -27,7 +28,7 @@ const QueryCardCliResultWrapper = (props: Props) => {
   return (
     <div className={cx('queryResultsContainer', styles.container)}>
       {!loading && (
-        <div data-testid="query-cli-result" style={{ height: '100%' }}>
+        <div data-testid="query-cli-result" className={cx(styles.content)}>
           {isNotStored && (
             <EuiText className={styles.alert} data-testid="query-cli-warning">
               <EuiIcon type="alert" className={styles.alertIcon} />
@@ -39,7 +40,11 @@ const QueryCardCliResultWrapper = (props: Props) => {
             : (
               <QueryCardCliDefaultResult
                 isFullScreen={isFullScreen}
-                items={formatToText(result[0].response || '(nil)', query).split('\n')}
+                items={
+                  result[0].status === CommandExecutionStatus.Success
+                    ? formatToText(result[0].response || '(nil)', query).split('\n')
+                    : [cliParseTextResponse(result[0].response || '(nil)', '', result[0].status)]
+                }
               />
             )}
         </div>

redisinsight/ui/src/components/query-card/QueryCardCliResultWrapper/styles.module.scss

@@ -25,6 +25,12 @@
   }
 }
 
+.content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 .loading {
   height: 17px;
   max-width: 600px;

redisinsight/ui/src/components/query-card/styles.module.scss

@@ -65,6 +65,7 @@
 }
 
 :global(.fullscreen .query-card-output-response-success) {
+  height: 100%;
   max-height: calc(100vh - 65px);
   display: flex;
 }