refactor(Core UI): ♻️ Skloader as core component

__tests__/pages/Components/Component.spec.tsx

@@ -9,10 +9,10 @@ import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import { ComponentLabels } from '../../../src/pages/ProcessGroups/Components.enum';
 import Component from '../../../src/pages/ProcessGroups/views/Component';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import { ProcessResponse, ComponentResponse } from '../../../src/types/REST.interfaces';
 

__tests__/pages/Components/PairsList.spec.tsx

@@ -3,16 +3,16 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
 
 import pairsList from '../../../mocks/data/PROCESS_GROUP_PAIRS.json';
 import components from '../../../mocks/data/PROCESS_GROUPS.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import PairsList from '../../../src/pages/ProcessGroups/components/PairList';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { ComponentResponse, BasePairs } from '../../../src/types/REST.interfaces';
 
 const data = components.results[0] as ComponentResponse;

__tests__/pages/Components/ProcessGroups.spec.tsx

@@ -7,9 +7,9 @@ import componentsData from '../../../mocks/data/PROCESS_GROUPS.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import Components from '../../../src/pages/ProcessGroups/views/Components';
-import LoadingPage from '../../../src/pages/shared/Loading';
 
 const componentResults = componentsData.results;
 

__tests__/pages/ErrorConsole.spec.tsx

@@ -4,9 +4,9 @@ import { render, screen } from '@testing-library/react';
 import { Server } from 'miragejs';
 
 import { loadMockServer } from '../../mocks/server';
+import LoadingPage from '../../src/core/components/SkLoading';
 import { Wrapper } from '../../src/core/components/Wrapper';
 import ErrorConsole from '../../src/pages/shared/Errors/Console';
-import LoadingPage from '../../src/pages/shared/Loading';
 
 describe('Begin testing the Error Console view', () => {
   let server: Server;

__tests__/pages/ErrorNotFound.spec.tsx

@@ -4,10 +4,10 @@ import { render, screen } from '@testing-library/react';
 import { Server } from 'miragejs';
 
 import { loadMockServer } from '../../mocks/server';
+import LoadingPage from '../../src/core/components/SkLoading';
 import { Wrapper } from '../../src/core/components/Wrapper';
 import NotFound from '../../src/pages/shared/Errors/NotFound';
 import { NotFoundLabels } from '../../src/pages/shared/Errors/NotFound/NotFound.enum';
-import LoadingPage from '../../src/pages/shared/Loading';
 
 describe('Begin testing the NotFound view', () => {
   let server: Server;

__tests__/pages/Metrics/Latency.spec.tsx

@@ -8,8 +8,8 @@ import { loadMockServer } from '../../../mocks/server';
 import * as PrometheusAPIModule from '../../../src/API/Prometheus.api';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Latency from '../../../src/pages/shared/Metrics/components/Latency';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';

__tests__/pages/Metrics/Metrics.spec.tsx

@@ -2,12 +2,12 @@ import { Suspense } from 'react';
 
 import { act, render, renderHook } from '@testing-library/react';
 
-import { useMetricsState } from '../../../src/pages/shared/Metrics/hooks/useMetricsState';
 
 import { Protocols } from '../../../src/API/REST.enum';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Metrics, { MetricsProps } from '../../../src/pages/shared/Metrics';
+import { useMetricsState } from '../../../src/pages/shared/Metrics/hooks/useMetricsState';
 import { configDefaultFilters } from '../../../src/pages/shared/Metrics/Metrics.constants';
 
 describe('useMetrics', () => {

__tests__/pages/Metrics/Request.spec.tsx

@@ -8,8 +8,8 @@ import { loadMockServer } from '../../../mocks/server';
 import * as PrometheusAPIModule from '../../../src/API/Prometheus.api';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Request from '../../../src/pages/shared/Metrics/components/Request';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';

__tests__/pages/Metrics/Response.spec.tsx

@@ -8,8 +8,8 @@ import { loadMockServer } from '../../../mocks/server';
 import * as PrometheusAPIModule from '../../../src/API/Prometheus.api';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Response from '../../../src/pages/shared/Metrics/components/Response';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';

__tests__/pages/Metrics/TcpConnection.spec.tsx

@@ -8,8 +8,8 @@ import { loadMockServer } from '../../../mocks/server';
 import * as PrometheusAPIModule from '../../../src/API/Prometheus.api';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import TcpConnection from '../../../src/pages/shared/Metrics/components/TcpConnection';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';

__tests__/pages/Metrics/Traffic.spec.tsx

@@ -7,8 +7,8 @@ import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Traffic from '../../../src/pages/shared/Metrics/components/Traffic';
 import { MetricsLabels } from '../../../src/pages/shared/Metrics/Metrics.enum';
 import * as MetricsModule from '../../../src/pages/shared/Metrics/services/index';

__tests__/pages/Processes/Details.spec.tsx

@@ -6,9 +6,9 @@ import * as router from 'react-router';
 
 import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import Details from '../../../src/pages/Processes/components/Details';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';
 
 const processResult = processesData.results[0] as ProcessResponse;

__tests__/pages/Processes/PairsList.spec.tsx

@@ -3,17 +3,17 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
 
 import processesPairsData from '../../../mocks/data/PROCESS_PAIRS.json';
 import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import PairsList from '../../../src/pages/Processes/components/PairsList';
 import { ProcessesLabels, ProcessesRoutesPaths } from '../../../src/pages/Processes/Processes.enum';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { ProcessResponse, PairsResponse } from '../../../src/types/REST.interfaces';
 
 const data = processesData.results[7] as ProcessResponse;

__tests__/pages/Processes/Process.spec.tsx

@@ -8,10 +8,10 @@ import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import { ProcessesLabels } from '../../../src/pages/Processes/Processes.enum';
 import Process from '../../../src/pages/Processes/views/Process';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { ProcessResponse } from '../../../src/types/REST.interfaces';
 
 const processResult = processesData.results[0] as ProcessResponse;

__tests__/pages/Processes/ProcessPairs.spec.tsx

@@ -4,15 +4,15 @@ import { fireEvent, render, screen, waitForElementToBeRemoved } from '@testing-l
 import { Server } from 'miragejs';
 import * as router from 'react-router';
 
-import { ProcessesLabels } from '../../../src/pages/Processes/Processes.enum';
 
 import processPairsData from '../../../mocks/data/PROCESS_PAIRS.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
+import { ProcessesLabels } from '../../../src/pages/Processes/Processes.enum';
 import ProcessPair, { ProcessPairContent } from '../../../src/pages/Processes/views/ProcessPair';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import { PairsResponse } from '../../../src/types/REST.interfaces';
 
 const processPairsResultOpToCart = processPairsData.results[0] as PairsResponse; // HTTP2 flow

__tests__/pages/Processes/Processes.spec.tsx

@@ -7,9 +7,9 @@ import processesData from '../../../mocks/data/PROCESSES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import Processes from '../../../src/pages/Processes/views/Processes';
-import LoadingPage from '../../../src/pages/shared/Loading';
 
 const processesResults = processesData.results;
 

__tests__/pages/Services/HttpRequests.spec.tsx

@@ -3,15 +3,15 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import HttpRequests from '../../../src/pages/Services/components/HttpRequests';
 
 import biFlowData from '../../../mocks/data/FLOW_PAIRS.json';
 import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
+import HttpRequests from '../../../src/pages/Services/components/HttpRequests';
 
 const servicesResults = servicesData.results;
 const biFlowResults = biFlowData.results;

__tests__/pages/Services/PairList.spec.tsx

@@ -3,15 +3,15 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import ProcessServerList from '../../../src/pages/Services/components/ProcessServerList';
 
 import biFlowData from '../../../mocks/data/FLOW_PAIRS.json';
 import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
+import ProcessServerList from '../../../src/pages/Services/components/ProcessServerList';
 
 const servicesResults = servicesData.results;
 const biFlowResults = biFlowData.results;

__tests__/pages/Services/Service.spec.tsx

@@ -8,10 +8,10 @@ import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import { ServicesLabels } from '../../../src/pages/Services/Services.enum';
 import Service from '../../../src/pages/Services/views/Service';
-import LoadingPage from '../../../src/pages/shared/Loading';
 
 const servicesResults = servicesData.results;
 

__tests__/pages/Services/Services.spec.tsx

@@ -7,9 +7,9 @@ import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import Services from '../../../src/pages/Services/views/Services';
-import LoadingPage from '../../../src/pages/shared/Loading';
 
 const servicesResults = servicesData.results;
 const service = servicesResults[0];

__tests__/pages/Services/TcpConnections.spec.tsx

@@ -3,15 +3,15 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import TcpConnections from '../../../src/pages/Services/components/TcpConnections';
 
 import biFlowData from '../../../mocks/data/FLOW_PAIRS.json';
 import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
+import TcpConnections from '../../../src/pages/Services/components/TcpConnections';
 
 const servicesResults = servicesData.results;
 const tcpBiFlowOpen = biFlowData.results[5];

__tests__/pages/Services/TcpTerminatedConnections.spec.tsx

@@ -3,15 +3,15 @@ import { Suspense } from 'react';
 import { render, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import TcpTerminatedConnections from '../../../src/pages/Services/components/TcpTerminatedConnections';
 
 import BiflowData from '../../../mocks/data/FLOW_PAIRS.json';
 import servicesData from '../../../mocks/data/SERVICES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
+import TcpTerminatedConnections from '../../../src/pages/Services/components/TcpTerminatedConnections';
 
 const servicesResults = servicesData.results;
 const tcpBiFlowTerminated = BiflowData.results[6];

__tests__/pages/Sites/PairsList.spec.tsx

@@ -3,15 +3,15 @@ import { Suspense } from 'react';
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 import { Server } from 'miragejs';
 
-import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
 
 import pairsList from '../../../mocks/data/SITE_PAIRS.json';
 import sites from '../../../mocks/data/SITES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import { SkEmptyDataLabels } from '../../../src/core/components/SkEmptyData';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import PairsList from '../../../src/pages/Sites/components/PairList';
 import { BasePairs, SiteResponse } from '../../../src/types/REST.interfaces';
 

__tests__/pages/Sites/Site.spec.tsx

@@ -4,15 +4,15 @@ import { fireEvent, render, screen, waitForElementToBeRemoved, waitFor } from '@
 import { Server } from 'miragejs';
 import * as router from 'react-router';
 
-import { ProcessesRoutesPaths } from '../../../src/pages/Processes/Processes.enum';
 
 import processesData from '../../../mocks/data/PROCESSES.json';
 import sitesData from '../../../mocks/data/SITES.json';
 import { loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
+import { ProcessesRoutesPaths } from '../../../src/pages/Processes/Processes.enum';
 import { SiteLabels } from '../../../src/pages/Sites/Sites.enum';
 import Site from '../../../src/pages/Sites/views/Site';
 import { ProcessResponse, SiteResponse } from '../../../src/types/REST.interfaces';

__tests__/pages/Sites/Sites.spec.tsx

@@ -8,9 +8,9 @@ import sitesData from '../../../mocks/data/SITES.json';
 import { MockApiPaths, MockApi, loadMockServer } from '../../../mocks/server';
 import { waitForElementToBeRemovedTimeout } from '../../../src/config/config';
 import { getTestsIds } from '../../../src/config/testIds';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
 import ErrorConsole from '../../../src/pages/shared/Errors/Console';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import Sites from '../../../src/pages/Sites/views/Sites';
 
 const siteResults = sitesData.results;

__tests__/pages/Topology/DisplayServices.spec.tsx

@@ -4,8 +4,8 @@ import { render } from '@testing-library/react';
 import { Server } from 'miragejs';
 
 import { loadMockServer } from '../../../mocks/server';
+import LoadingPage from '../../../src/core/components/SkLoading';
 import { Wrapper } from '../../../src/core/components/Wrapper';
-import LoadingPage from '../../../src/pages/shared/Loading';
 import DisplayServices from '../../../src/pages/Topology/components/DisplayServices';
 
 describe('DisplayServices', () => {