From 5b7092d0494cb24e5182ce2793969b42b3c872d8 Mon Sep 17 00:00:00 2001
From: Luke Childs <lukechilds123@gmail.com>
Date: Sun, 28 Apr 2019 13:18:22 +0700
Subject: [PATCH] Extrave coin SVG path logic

---
 js/get-coin-svg-path.js | 6 ++++++
 js/index.js             | 5 ++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 js/get-coin-svg-path.js

diff --git a/js/get-coin-svg-path.js b/js/get-coin-svg-path.js
new file mode 100644
index 0000000..d98208b
--- /dev/null
+++ b/js/get-coin-svg-path.js
@@ -0,0 +1,6 @@
+// eslint-disable-next-line import/no-unresolved, import/extensions
+import svgs from '../node_modules/cryptocurrency-icons/svg/color/*.svg';
+
+const getCoinSVGPath = symbol => svgs[symbol.toLowerCase()] || svgs.generic;
+
+export default getCoinSVGPath;
diff --git a/js/index.js b/js/index.js
index 4e5e28b..4df0002 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,9 +1,8 @@
 import 'babel-polyfill'; // eslint-disable-line import/no-unassigned-import
 import escapeHTML from 'escape-html';
-// eslint-disable-next-line import/no-unresolved, import/extensions
-import svgs from '../node_modules/cryptocurrency-icons/svg/color/*.svg';
 import {version} from '../package';
 import getCoinData from './get-coin-data';
+import getCoinSVGPath from './get-coin-svg-path';
 import getCoinName from './get-coin-name';
 import formatSeconds from './format-seconds';
 
@@ -26,7 +25,7 @@ getCoinData().then(coins => {
 			${coins.map(coin => `
 			<tr>
 				<td>
-					<img src="${svgs[coin.symbol.toLowerCase()] || svgs.generic}" alt="${coin.symbol} /">
+					<img src="${getCoinSVGPath(coin.symbol)}" alt="${coin.symbol} /">
 					${escapeHTML(`${getCoinName(coin)} (${coin.symbol})`)}
 				</td>
 				<td>${escapeHTML(coin.marketCapFormatted || 'Unknown')}</td>