#RI-5009 - resolve comments

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/home/HomePage.tsx

@@ -2,7 +2,7 @@ import { EuiPage, EuiPageBody, EuiResizableContainer, EuiResizeObserver } from '
 import React, { useEffect, useRef, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import cx from 'classnames'
-import DatabasePanel from 'redisinsight/ui/src/pages/home/components/DatabasePanel'
+import DatabasePanel from 'uiSrc/pages/home/components/database-panel'
 import { clusterSelector, resetDataRedisCluster, resetInstancesRedisCluster, } from 'uiSrc/slices/instances/cluster'
 import { Nullable, setTitle } from 'uiSrc/utils'
 import { PageHeader } from 'uiSrc/components'
@@ -27,9 +27,9 @@ import { sendEventTelemetry, sendPageViewTelemetry, TelemetryEvent, TelemetryPag
 import { appRedirectionSelector, setUrlHandlingInitialState } from 'uiSrc/slices/app/url-handling'
 import { UrlHandlingActions } from 'uiSrc/slices/interfaces/urlHandling'
 import { AddDbType } from 'uiSrc/pages/home/constants'
-import DatabasesList from './components/DatabasesListComponent'
-import WelcomeComponent from './components/WelcomeComponent'
-import HomeHeader from './components/HomeHeader'
+import DatabasesList from './components/databases-list-component'
+import WelcomeComponent from './components/welcome-component'
+import HomeHeader from './components/home-header'
 
 import './styles.scss'
 import styles from './styles.module.scss'

redisinsight/ui/src/pages/home/components/CloudConnection/CloudConnectionFormWrapper.spec.tsx renamed to redisinsight/ui/src/pages/home/components/cloud-connection/CloudConnectionFormWrapper.spec.tsx

@@ -8,7 +8,7 @@ import { useResizableFormField } from 'uiSrc/services'
 import { resetErrors } from 'uiSrc/slices/app/notifications'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 
-import CloudConnectionForm from './CloudConnectionForm'
+import CloudConnectionForm from './cloud-connection-form'
 
 export interface Props {
   width: number

redisinsight/ui/src/pages/home/components/CloudConnection/CloudConnectionFormWrapper.tsx renamed to redisinsight/ui/src/pages/home/components/cloud-connection/CloudConnectionFormWrapper.tsx

@@ -1,14 +1,15 @@
 import React from 'react'
 import { instance, mock } from 'ts-mockito'
 import { fireEvent, render, screen } from 'uiSrc/utils/test-utils'
+import ClusterConnectionForm, { Props as ClusterConnectionFormProps } from
+  'uiSrc/pages/home/components/cluster-connection/cluster-connection-form/ClusterConnectionForm'
 import ClusterConnectionFormWrapper, {
   Props,
 } from './ClusterConnectionFormWrapper'
-import ClusterConnectionForm, { Props as ClusterConnectionFormProps } from './ClusterConnectionForm/ClusterConnectionForm'
 
 const mockedProps = mock<Props>()
 
-jest.mock('./ClusterConnectionForm/ClusterConnectionForm', () => ({
+jest.mock('./cluster-connection-form/cluster-connection-form', () => ({
   __esModule: true,
   namedExport: jest.fn(),
   default: jest.fn(),

redisinsight/ui/src/pages/home/components/CloudConnection/CloudConnectionForm/CloudConnectionForm.spec.tsx renamed to redisinsight/ui/src/pages/home/components/cloud-connection/cloud-connection-form/CloudConnectionForm.spec.tsx

@@ -13,7 +13,7 @@ import { ICredentialsRedisCluster, InstanceType } from 'uiSrc/slices/interfaces'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { autoFillFormDetails } from 'uiSrc/pages/home/utils'
 
-import ClusterConnectionForm from './ClusterConnectionForm/ClusterConnectionForm'
+import ClusterConnectionForm from 'uiSrc/pages/home/components/cluster-connection/cluster-connection-form/ClusterConnectionForm'
 
 export interface Props {
   width: number;