asb_cloud_front/src/components/CustomColumn.jsx

import {Display} from './Display'
import RigMnemo from '../components/RigMnemo'

export const CustomColumn = ({data}) => {
  const dataLast = data[data.length -1]

  const lines = [
    {label:'Рот., об/мин', accessorName:'rotorSpeed'},
    {label:'Долото, м', accessorName:'bitDepth'},
    {label:'Забой, м', accessorName:'wellDepth'},
    {label:'Расход, м³/ч', accessorName:'flow'},
    {label:'Расход х.х., м³/ч', accessorName:'flowIdle'},
    {label: 'Отметка времени данных', accessorName: 'date'},
  ]
  
  if(dataLast)
    lines.forEach(line => line.value = dataLast[line.accessorName]?.toPrecision(4)??'-' )
  else
    lines.forEach(line => line.value = '-' )

    return (<>
      {lines.map(line => <Display className='border_small display_flex_container'
        key={line.label}
        label={line.label} 
        value={line.value} 
        suffix={line.units}/>)}
      <RigMnemo
        blockPosition={dataLast?.blockPosition??0}
        bitPosition={dataLast?.bitDepth??3200}/>
    </>)
}