Use FA for ratio component

master
Drew DeVault 2017-11-05 16:58:40 -05:00
parent 817b1d7128
commit 44cd2324a0
1 changed files with 6 additions and 7 deletions

View File

@ -1,4 +1,5 @@
import React, { Component } from 'react';
import FontAwesome from 'react-fontawesome';
import { formatAmount } from '../bitrate';
export default function Ratio({ up, down }) {
@ -11,13 +12,11 @@ export default function Ratio({ up, down }) {
}
return (
<span>
{`${
ratio.toFixed(3)
} (${
formatAmount(up)
} up, ${
formatAmount(down)
} down)`}
<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>
</span>
);
}