asb_cloud_front/src/pages/Smbo.jsx

import SmboPlate from '../components/SmboPlate'
import '../styles/smbo.css'
import EquipmentDetails from '../components/modalWindows/EquipmentDetails'
import ActiveMessagesOnline from "./TelemetryView/ActiveMessagesOnline"
// import RigPlan from "../images/smbo/RigPlan2.png"

const platesData = [
  {
    id: 1,
    title: 'Теплогенератор',
    placeHolderId: 1,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    //captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r1'
  },
  // {
  //   id: 2,
  //   title: 'Емкости бурового раствора',
  //   placeHolderId: 2,
  //   state: 1,
  //   equipmentTimers: [
  //     {label: 'Полная наработка', value: 1, unit: 'ч'},
  //     {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
  //     {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
  //     {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
  //     {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
  //     {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
  //   ],
  //   equipmentSensors: [
  //     {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
  //     {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
  //     {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
  //     {label: 'Уровень масла в баке', value: 1, unit: 'м'},
  //     {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
  //     {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
  //     {label: 'Состояние ПЧ1', value: 1, unit: ''},
  //     {label: 'Состояние ПЧ2', value: 1, unit: ''},
  //   ],
  //   captionValue: 'У-У-У-у-у-у',
  //   custom: 'Я не понял про это',
  //   className: 'c2 r1'
  // },
  {
    id: 3,
    title: 'Подпорные насосы',
    placeHolderId: 3,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c3 r1'
  },
  {
    id: 4,
    title: 'Буровой насос №1',
    placeHolderId: 4,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c4 r1'
  },
  {
    id: 5,
    title: 'Буровой насос №2',
    placeHolderId: 5,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c5 r1'
  },
  {
    id: 6,
    title: 'Талевый канат',
    placeHolderId: 6,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r1'
  },
  {
    id: 7,
    title: 'Станция управления ВСП',
    placeHolderId: 7,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r2'
  },
  {
    id: 8,
    title: 'Компрессорный блок',
    placeHolderId: 8,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r2'
  },
  {
    id: 9,
    title: 'Лебедка буровая',
    placeHolderId: 9,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r3'
  },
  {
    id: 10,
    title: 'Блок сопротивлений и КТУ',
    placeHolderId: 10,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r3'
  },
  {
    id: 11,
    title: 'Вспомогательная лебедка',
    placeHolderId: 11,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r4'
  },
  {
    id: 12,
    title: 'Блок НКУ',
    placeHolderId: 12,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r4'
  },
  {
    id: 13,
    title: 'Гидрорасцепитель',
    placeHolderId: 13,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r5'
  },
  {
    id: 14,
    title: 'Блок КРУ',
    placeHolderId: 14,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r5'
  },
  {
    id: 15,
    title: 'Привод ВСП',
    placeHolderId: 15,
    state: 2,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r6'
  },
  {
    id: 16,
    title: 'Теплогенератор',
    placeHolderId: 16,
    state: 3,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'А вот тут, совсем не У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r6'
  },
  {
    id: 17,
    title: 'Теплогенератор',
    placeHolderId: 17,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r7'
  },
  {
    id: 18,
    title: 'Теплогенератор',
    placeHolderId: 18,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'наработка',
    custom: 'Я не понял про это',
    className: 'c6 r7'
  },
  {
    id: 19,
    title: 'Теплогенератор',
    placeHolderId: 19,
    state: 0,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c1 r8'
  },
  {
    id: 20,
    title: 'Теплогенератор',
    placeHolderId: 20,
    state: 1,
    equipmentTimers: [
      {label: 'Полная наработка', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка после ТО1', value: 1, unit: 'ч'},
      {label: 'Наработка вне р/р', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО1', value: 1, unit: 'ч'},
      {label: 'Периодичность ТО2', value: 1, unit: 'ч'},
    ],
    equipmentSensors: [
      {label: 'Скорость вращения', value: 1, unit: 'Об/мин'},
      {label: 'Крутящий момент', value: 1, unit: 'кН*м'},
      {label: 'Общий уровень вибрации', value: 1, unit: 'мм/с'},
      {label: 'Уровень масла в баке', value: 1, unit: 'м'},
      {label: 'Т верхнего подшипника', value: 1, unit: '°C'},
      {label: 'Т нижнего подшипника', value: 1, unit: '°C'},
      {label: 'Состояние ПЧ1', value: 1, unit: ''},
      {label: 'Состояние ПЧ2', value: 1, unit: ''},
    ],
    captionValue: 'У-У-У-у-у-у',
    custom: 'Я не понял про это',
    className: 'c6 r8'
  },
]

const placeholderIdDictionary = {
  1: {gridRowStart: 8, gridColumnStart: 1},
  2: {gridRowStart: 7, gridColumnStart: 1},
  3: {gridRowStart: 6, gridColumnStart: 1},
  4: {gridRowStart: 5, gridColumnStart: 1},
  5: {gridRowStart: 4, gridColumnStart: 1},
  6: {gridRowStart: 3, gridColumnStart: 1},
  7: {gridRowStart: 2, gridColumnStart: 1},
  8: {gridRowStart: 1, gridColumnStart: 1},
  9: {gridRowStart: 1, gridColumnStart: 2},
  10: {gridRowStart: 1, gridColumnStart: 3},
  11: {gridRowStart: 1, gridColumnStart: 4},
  12: {gridRowStart: 1, gridColumnStart: 5},
  13: {gridRowStart: 1, gridColumnStart: 6},
  14: {gridRowStart: 2, gridColumnStart: 6},
  15: {gridRowStart: 3, gridColumnStart: 6},
  16: {gridRowStart: 4, gridColumnStart: 6},
  17: {gridRowStart: 5, gridColumnStart: 6},
  18: {gridRowStart: 6, gridColumnStart: 6},
  19: {gridRowStart: 7, gridColumnStart: 6},
  20: {gridRowStart: 8, gridColumnStart: 6},
}

const plates = []

for (let i = 1; i < 21; i++) {
  const item = platesData.filter(item => item.placeHolderId === i)[0]
  const plate = item ? (
    <div key={i} style={placeholderIdDictionary[i]} className="pointer">
      <SmboPlate
        title={item.title}
        state={item.state}
        operatingTime={item.placeHolderId}
        captionValue={item.captionValue}
      >
        <EquipmentDetails
          id={item.id}
          title={item.title}
          placeHolderId={item.placeHolderId}
          equipmentTimers={item.equipmentTimers}
          equipmentSensors={item.equipmentSensors}
          state={item.state}
          captionValue={item.captionValue}
        />
      </SmboPlate>
    </div>
  ) : (
    <div className="empty_place" style={placeholderIdDictionary[i]} key={i}>{i}</div>
  )
  plates.push(plate)
}

export default function Smbo() {

  return (<>
    <div className="smbo_container">
      {plates}
      {/*<div className="c2 ce5 r2 re7 center">*/}
      {/*  <img src={RigPlan} alt="План"/>*/}
      {/*</div>*/}
      <div className="c2 r8 ce6 center">
        <ActiveMessagesOnline/>
      </div>

    </div>
  </>)
}