import React, { Component } from 'react'; import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; import PropTypes from 'prop-types'; import { SortableContainer } from 'react-sortable-hoc'; import { defineMessages, intlShape } from 'react-intl'; import TabItem from './TabItem'; import { ctrlKey } from '../../../environment'; const messages = defineMessages({ addNewService: { id: 'sidebar.addNewService', defaultMessage: '!!!Add new service', }, }); @observer class TabBarSortableList extends Component { static propTypes = { services: MobxPropTypes.arrayOrObservableArray.isRequired, setActive: PropTypes.func.isRequired, openSettings: PropTypes.func.isRequired, reload: PropTypes.func.isRequired, toggleNotifications: PropTypes.func.isRequired, deleteService: PropTypes.func.isRequired, disableService: PropTypes.func.isRequired, } static contextTypes = { intl: intlShape, }; render() { const { services, setActive, reload, toggleNotifications, deleteService, disableService, openSettings, } = this.props; const { intl } = this.context; return (