Use FA for ratio component

This commit is contained in:
Drew DeVault 2017-11-05 16:58:40 -05:00
parent 817b1d7128
commit 44cd2324a0

View File

@ -1,4 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import FontAwesome from 'react-fontawesome';
import { formatAmount } from '../bitrate'; import { formatAmount } from '../bitrate';
export default function Ratio({ up, down }) { export default function Ratio({ up, down }) {
@ -11,13 +12,11 @@ export default function Ratio({ up, down }) {
} }
return ( return (
<span> <span>
{`${ <span>
ratio.toFixed(3) {ratio.toFixed(3)}
} (${ </span>
formatAmount(up) <span>(${formatAmount(up)} <FontAwesome name="arrow-circle-o-up" /></span>
} up, ${ <span>${formatAmount(up)} <FontAwesome name="arrow-circle-o-down" />)</span>
formatAmount(down)
} down)`}
</span> </span>
); );
} }