From 44cd2324a015d53bef56712af07f44b4ae685482 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Sun, 5 Nov 2017 16:58:40 -0500
Subject: [PATCH] Use FA for ratio component

---
 src/ui/ratio.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/ui/ratio.js b/src/ui/ratio.js
index 28ac95b..7c861e5 100644
--- a/src/ui/ratio.js
+++ b/src/ui/ratio.js
@@ -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>
   );
 }