2017-09-10 14:36:24 +02:00
|
|
|
import React, { Component } from 'react';
|
2017-11-05 22:58:40 +01:00
|
|
|
import FontAwesome from 'react-fontawesome';
|
2017-09-10 14:36:24 +02:00
|
|
|
import { formatAmount } from '../bitrate';
|
|
|
|
|
|
|
|
export default function Ratio({ up, down }) {
|
|
|
|
const ratio = up / down;
|
|
|
|
if (isNaN(ratio)) {
|
|
|
|
return <span>0</span>;
|
|
|
|
}
|
2017-10-01 18:22:32 +02:00
|
|
|
if (!isFinite(ratio)) {
|
|
|
|
return <span>∞</span>;
|
|
|
|
}
|
2017-09-10 14:36:24 +02:00
|
|
|
return (
|
|
|
|
<span>
|
2017-11-05 22:58:40 +01:00
|
|
|
<span>
|
|
|
|
{ratio.toFixed(3)}
|
|
|
|
</span>
|
|
|
|
<span>(${formatAmount(up)} <FontAwesome name="arrow-circle-o-up" /></span>
|
|
|
|
<span>${formatAmount(up)} <FontAwesome name="arrow-circle-o-down" />)</span>
|
2017-09-10 14:36:24 +02:00
|
|
|
</span>
|
|
|
|
);
|
|
|
|
}
|