grouping TelemetryView components

src/pages/TelemetryView/ChartTimeOnline.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState} from 'react';
-import {ChartTimeBase, ChartTimeData,  ChartTimeDataParams} from './ChartTimeBase'
+import {ChartTimeBase, ChartTimeData,  ChartTimeDataParams} from '../../components/charts/ChartTimeBase'
 
 const GetRandomColor = () => "#" + Math.floor(Math.random()*16777215).toString(16)
 function GetOrCreateDatasetByLineConfig  (data: ChartTimeData, lineConfig: LineConfig) {

src/pages/TelemetryView/Column.jsx

@@ -1,5 +1,5 @@
 import {Display} from "../../components/Display";
-import {ChartTimeOnline} from "../../components/charts/ChartTimeOnline";
+import {ChartTimeOnline} from "./ChartTimeOnline";
 import {ChartTimeOnlineFooter} from "./ChartTimeOnlineFooter";
 
 export const Column = ({lineGroup, data, interval, showBorder}) => {

src/pages/TelemetryView/ModeDisplay.jsx

@@ -10,11 +10,11 @@ const modeNames = {
   10: "БЛОКИРОВКА",
 }
 
-export const ModeDisplay = (props)=>{
+export const ModeDisplay = ({data})=>{
   let value = '---'
 
-  if(props.data.length > 0){
+  if(data.length > 0){
-    let lastFullData =  props.data[props.data.length - 1]
+    let lastFullData =  data[data.length - 1]
     let index = lastFullData['mode']
     if(index >= 0)
       value = modeNames[index] ?? index

src/pages/TelemetryView/index.jsx

@@ -4,12 +4,12 @@ import {Row, Col, Select} from 'antd'
 import {Column} from './Column'
 import {CustomColumn} from './CustomColumn'
 import ActiveMessagesOnline from './ActiveMessagesOnline'
+import {ModeDisplay} from "./ModeDisplay"
+import {UserOfWells} from './UserOfWells'
 
 import LoaderPortal from '../../components/LoaderPortal'
-import {UserOfWells} from './UserOfWells'
 import {Subscribe} from '../../services/signalr'
 import {DataService} from '../../services/api'
-import {ModeDisplay} from "../../components/ModeDisplay"
 import notify from "../../components/notify"
 
 import '../../styles/message.css'