1 2 3 4 5 6 7 8 9 10 11
import React, { Component } from 'react' export default class ConnectedIndicator extends Component { render() { let connectedText = this.props.connected ? "Connected" : "Not connected" let color = this.props.connected ? "green" : "red" return <div><span style={{ background:color }}>{connectedText}</span></div> } }