#RI-5829 - fix table style

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/item-list/ItemList.tsx

@@ -12,7 +12,6 @@ import { findColumn, getColumnWidth, hideColumn } from './utils'
 
 import { ActionBar, DeleteAction, ExportAction } from './components'
 
-import './styles.scss'
 import styles from './styles.module.scss'
 
 export interface Props<T> {

redisinsight/ui/src/pages/autodiscover-cloud/redis-cloud-databases-result/RedisCloudDatabasesResult.tsx

@@ -119,7 +119,7 @@ const RedisCloudDatabaseListResult = ({ columns, onBack, onView }: Props) => {
         </EuiFormRow>
         <br />
 
-        <div className="databaseList cloudDatabaseListResult">
+        <div className="itemList databaseList cloudDatabaseListResult">
           <EuiInMemoryTable
             items={items}
             itemId="uid"

redisinsight/ui/src/pages/autodiscover-cloud/redis-cloud-databases/RedisCloudDatabases/RedisCloudDatabases.tsx

@@ -207,7 +207,7 @@ const RedisCloudDatabasesPage = ({
         </EuiFormRow>
         <br />
 
-        <div className="databaseList cloudDatabaseList">
+        <div className="itemList databaseList cloudDatabaseList">
           <EuiInMemoryTable
             items={items}
             itemId="databaseId"

redisinsight/ui/src/pages/autodiscover-cloud/redis-cloud-subscriptions/RedisCloudSubscriptions/RedisCloudSubscriptions.tsx

@@ -255,7 +255,7 @@ const RedisCloudSubscriptions = ({
         </EuiFormRow>
         <br />
 
-        <div className={cx('databaseList', styles.cloudSubscriptions)}>
+        <div className={cx('databaseList', 'itemList', styles.cloudSubscriptions)}>
           <div className={styles.account}>
             <Account />
           </div>

redisinsight/ui/src/pages/autodiscover-sentinel/sentinel-databases-result/components/SentinelDatabasesResult/SentinelDatabasesResult.tsx

@@ -125,7 +125,7 @@ const SentinelDatabasesResult = ({
         </EuiFormRow>
         <br />
 
-        <div className="databaseList sentinelDatabaseListResult">
+        <div className="itemList databaseList sentinelDatabaseListResult">
           <EuiInMemoryTable
             items={items}
             itemId="id"

redisinsight/ui/src/pages/autodiscover-sentinel/sentinel-databases/SentinelDatabasesPage.spec.tsx

@@ -34,7 +34,7 @@ const mockSentinelDatabases = (props: SentinelDatabasesProps) => (
     <button type="button" onClick={() => props.onClose()} data-testid="close-btn">onClose</button>
     <button type="button" onClick={() => props.onBack()} data-testid="back-btn">onBack</button>
     <button type="button" onClick={() => props.onSubmit([])} data-testid="submit-btn">onSubmit</button>
-    <div className="databaseList sentinelDatabaseList">
+    <div className="itemList databaseList sentinelDatabaseList">
       <EuiInMemoryTable
         isSelectable
         items={props.masters}

redisinsight/ui/src/pages/autodiscover-sentinel/sentinel-databases/components/SentinelDatabases/SentinelDatabases.tsx

@@ -216,7 +216,7 @@ const SentinelDatabases = ({
         </EuiFormRow>
         <br />
 
-        <div className="databaseList sentinelDatabaseList">
+        <div className="itemList databaseList sentinelDatabaseList">
           <EuiInMemoryTable
             isSelectable
             items={items}

redisinsight/ui/src/pages/rdi/instance/InstancePage.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useRef, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useHistory, useLocation, useParams } from 'react-router-dom'
 import { Formik, FormikProps } from 'formik'
-import { EuiText } from '@elastic/eui'
 import { upperFirst } from 'lodash'
 
 import {
@@ -94,8 +93,9 @@ const RdiInstancePage = ({ routes = [] }: Props) => {
       dispatch(addErrorNotification(createAxiosError({
         message: (
           <>
-            <EuiText>{`${upperFirst(errors[0].filename)} has an invalid structure.`}</EuiText>
-            <EuiText>{errors[0].msg}</EuiText>
+            {`${upperFirst(errors[0].filename)} has an invalid structure.`}
+            <br />
+            {errors[0].msg}
           </>
         )
       })))

redisinsight/ui/src/pages/rdi/pipeline-management/pages/config/Config.tsx

@@ -61,8 +61,9 @@ const Config = () => {
       dispatch(addErrorNotification(createAxiosError({
         message: (
           <>
-            <EuiText>Config has an invalid structure.</EuiText>
-            <EuiText>{msg}</EuiText>
+            Config has an invalid structure.
+            <br />
+            {msg}
           </>
         )
       })))

redisinsight/ui/src/pages/rdi/pipeline-management/pages/job/Job.tsx

@@ -71,8 +71,9 @@ const Job = (props: Props) => {
       dispatch(addErrorNotification(createAxiosError({
         message: (
           <>
-            <EuiText>{`${upperFirst(name)} has an invalid structure.`}</EuiText>
-            <EuiText>{msg}</EuiText>
+            {`${upperFirst(name)} has an invalid structure.`}
+            <br />
+            {msg}
           </>
         )
       })))