// vim: set ts=2 sw=2 et tw=80: import React, { Component } from "react"; import { Grid } from "semantic-ui-react"; import { editButtonStyle, panelStyle } from "./devices/styleComponents"; import { checkMaxLength, DEVICE_NAME_MAX_LENGTH } from "./devices/constants"; import Device from "./devices/Device"; import NewDevice from "./devices/NewDevice"; import { connect } from "react-redux"; import { RemoteService } from "../../remote"; class DevicePanel extends Component { constructor(props) { super(props); this.getDevices(); } getDevices() { this.props .fetchDevices() .catch((err) => console.error(`error fetching devices:`, err)); } render() { return (