import styled from 'styled-components' import gql from 'graphql-tag' import { Mutation } from 'react-apollo' import {INTERFACE_LIST} from './InterfaceList' const StyledConnection = styled.div` fieldset { display: grid; grid-template-columns: 1fr 2fr; } textarea { display: block; font-family: 'roboto_mono'; } h1 { grid-column: span 2; } ` const CONNECTION_COMMAND = gql` mutation CONNECTION_COMMAND($connectionId: ID!, $type: String!, $string: String!, $options: String) { connectionCommand(connectionId: $connectionId, type: $type, string: $string, options: $options) } ` class Connection extends React.Component { state = { command: '' } changeInput = event => { this.setState({ [event.target.id]: event.target.value }) } render() { const { id, device, interfaceName } = this.props.data return ( {(connectionCommand, {data, error, loading}) => (

Connection