Interface.js 738 B

12345678910111213141516171819
  1. import Gallery from './Gallery'
  2. import Port from './Port'
  3. import Connection from './Connection'
  4. import InterfaceOption from './InterfaceOption'
  5. const Interface = props => {
  6. const { workerScript, interfaceName, options, ports, connections } = props.data
  7. return (
  8. <div>
  9. <h2>{interfaceName}</h2>
  10. <p>Script:</p><p>{workerScript}</p>
  11. <Gallery title='ports' items={ports.map(port => <Port key={port.device} data={port} />)} />
  12. <Gallery title='connections' items={connections.map(connection => <Connection key={connection.id} data={connection} />)} />
  13. <Gallery title='options' items={options.map(option => <InterfaceOption key={option.name} data={option} />)} />
  14. </div>
  15. )
  16. }
  17. export default Interface