const NetworkInfo = props => (
<Fragment>
<h2>
<Icon value="settings ethernet" />
<span>Network Information</span>
</h2>
<hr />
{
renderInformationList([
{
key: 'Detected Stream',
value: 'ST2110'
},
{
key: 'Source',
value: `${props.source_address}:${props.source_port}`
},
{
key: 'Destination',
value: `${props.destination_address}:${props.destination_port}`
},
{
key: 'SSRC',
value: props.ssrc
},
{
key: 'Packets',
value: props.packet_count
}
])
}
</Fragment>
);
const AudioInfo = props => (
<Fragment>
<SectionHeader icon="audiotrack" label="Audio" />
{renderInformationList([
{
key: 'Encoding',
value: props.encoding
},
{
key: 'Number of Channels',
value: `${props.number_channels}`
},
{
key: 'Sampling',
value: props.sampling
}
])}
</Fragment>
);