#RI-5786 - fix styles

#RI-5787 - change parsing from human message

Author: rsergeenko

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/shared/chat-history/ChatHistory.tsx

@@ -60,13 +60,17 @@ const ChatHistory = (props: Props) => {
             data-testid={`ai-message-${messageType}_${id}`}
           >
             {error && (<EuiIcon type="alert" className={styles.errorIcon} />)}
-            <MarkdownMessage
-              onRunCommand={onRunCommand}
-              onMessageRendered={onMessageRendered}
-              modules={modules}
-            >
-              {content}
-            </MarkdownMessage>
+            {messageType === AiChatMessageType.HumanMessage
+              ? content
+              : (
+                <MarkdownMessage
+                  onRunCommand={onRunCommand}
+                  onMessageRendered={onMessageRendered}
+                  modules={modules}
+                >
+                  {content}
+                </MarkdownMessage>
+              )}
           </div>
         </div>
         <ErrorMessage error={error} onRestart={onRestart} />

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/shared/markdown-message/MarkdownMessage.tsx

@@ -29,6 +29,7 @@ const MarkdownMessage = (props: Props) => {
   } = props
 
   const [content, setContent] = useState('')
+  const [parseAsIs, setParseAsIs] = useState(false)
 
   const ChatCodeBlock = useCallback((codeProps: CodeProps) =>
     (<CodeBlock {...codeProps} modules={modules} onRunCommand={onRunCommand} />), [modules])
@@ -43,7 +44,7 @@ const MarkdownMessage = (props: Props) => {
         })
         setContent(formated)
       } catch {
-        // ignore
+        setParseAsIs(true)
       }
     }
 
@@ -56,14 +57,18 @@ const MarkdownMessage = (props: Props) => {
     }
   }, [content])
 
+  if (parseAsIs) {
+    return <>{children}</>
+  }
+
   return (
     // @ts-ignore
     <JsxParser
       components={components}
       blacklistedTags={['iframe', 'script']}
       autoCloseVoidElements
       jsx={content}
-      onError={(e) => console.error(e)}
+      onError={() => setParseAsIs(true)}
     />
   )
 }

redisinsight/ui/src/components/table-column-search-trigger/styles.module.scss

@@ -11,7 +11,7 @@
 
   :global {
     .euiFormControlLayout--group {
-      border: 0;
+      border: 0 !important;
       height: 100%;
     }
 

redisinsight/ui/src/components/virtual-table/styles.module.scss

@@ -199,6 +199,10 @@ $footerHeight: 38px;
     padding: 18px 4px 18px 20px;
   }
 
+  .tableRowColumn {
+    min-height: 100%;
+  }
+
   .tableRowCell {
     padding: 8px 6px 8px 20px !important;
     min-height: 42px;

redisinsight/ui/src/pages/database-analysis/components/top-keys/styles.module.scss

@@ -30,7 +30,7 @@
   :global(.euiButton.euiButton-isDisabled.euiButton--fill.euiButton--secondary) {
     background: var(--browserComponentActive) !important;
     color: var(--wbActiveIconColor) !important;
-    opacity: 1;
+    opacity: 1 !important;
   }
 }
 

redisinsight/ui/src/styles/base/_base.scss

@@ -60,7 +60,7 @@ main.euiPageBody {
 }
 
 .euiLoadingSpinner {
-  border-top-color: var(--euiColorDarkestShade) !important;
+  border-top-color: transparent;
 }
 
 .link-underline {

redisinsight/ui/src/styles/base/_overrides.scss

@@ -60,3 +60,19 @@ body .euiSuperSelect__listbox {
 .euiPanel {
   border-color: var(--euiColorLightShade);
 }
+
+.euiFormControlLayout--group .euiFormLabel {
+  background-color: var(--tableDarkestBorderColor);
+  color: var(--htmlColor)
+}
+
+.euiTab {
+  color: var(--euiTextColor);
+  &.euiTab-isSelected {
+    color: var(--euiColorPrimary);
+  }
+}
+
+.euiFilePicker-hasFiles .euiFilePicker__promptText {
+  color: var(--euiTextColor);
+}