import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { icons } from 'Helpers/Props'; import tagShape from 'Helpers/Props/Shapes/tagShape'; import Icon from 'Components/Icon'; import FormInputButton from './FormInputButton'; import TagInput from './TagInput'; import styles from './DeviceInput.css'; class DeviceInput extends Component { onTagAdd = (device) => { const { name, value, onChange } = this.props; // New tags won't have an ID, only a name. const deviceId = device.id || device.name; onChange({ name, value: [...value, deviceId] }); } onTagDelete = ({ index }) => { const { name, value, onChange } = this.props; const newValue = value.slice(); newValue.splice(index, 1); onChange({ name, value: newValue }); } // // Render render() { const { className, name, items, selectedDevices, hasError, hasWarning, isFetching, onRefreshPress } = this.props; return (