33 lines
702 B
JavaScript
33 lines
702 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const JKLatencyBadge = ({ latencyData, showAll }) => {
|
|
let label = 'UNKNOWN';
|
|
let latency = '';
|
|
if (latencyData) {
|
|
label = latencyData.label;
|
|
if (showAll) {
|
|
latency = `${latencyData.ars_internet_latency}ms + ${latencyData.audio_latency}ms`;
|
|
} else {
|
|
latency = `${latencyData.ars_total_latency}ms`;
|
|
}
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{latency} <span className={`badge latency-${label.toLowerCase()}`}>{label}</span>
|
|
</>
|
|
);
|
|
};
|
|
|
|
JKLatencyBadge.propTypes = {
|
|
latencyData: PropTypes.object,
|
|
showAll: PropTypes.bool
|
|
};
|
|
|
|
JKLatencyBadge.defaultProps = {
|
|
showAll: false
|
|
};
|
|
|
|
export default JKLatencyBadge;
|