24 lines
633 B
JavaScript
24 lines
633 B
JavaScript
import React, { Component } from 'react';
|
|
import FontAwesome from 'react-fontawesome';
|
|
import { formatAmount } from '../bitrate';
|
|
|
|
export default function Ratio({ up, down }) {
|
|
const ratio = up / down;
|
|
if (isNaN(ratio)) {
|
|
return <span className="ratio">
|
|
<span>0</span>
|
|
<span></span>
|
|
<span></span>
|
|
</span>;
|
|
}
|
|
return (
|
|
<span className="ratio">
|
|
<span>
|
|
{isFinite(ratio) ? `${ratio.toFixed(2)}` : "∞"}
|
|
</span>
|
|
<span>{formatAmount(up)} <FontAwesome name="arrow-up" /></span>
|
|
<span>{`${formatAmount(down)}`} <FontAwesome name="arrow-down" /></span>
|
|
</span>
|
|
);
|
|
}
|