From 7d923f10f412ca0c7ffb5a9078bcc91e2873355f Mon Sep 17 00:00:00 2001
From: photonconvergence <116527579+photonconvergence@users.noreply.github.com>
Date: Tue, 25 Oct 2022 17:23:44 -0700
Subject: [PATCH] Add device logos for Roku and Finamp

---
 src/assets/img/devices/finamp.svg | 7 +++++++
 src/assets/img/devices/roku.svg   | 7 +++++++
 src/scripts/imagehelper.js        | 4 ++++
 3 files changed, 18 insertions(+)
 create mode 100644 src/assets/img/devices/finamp.svg
 create mode 100644 src/assets/img/devices/roku.svg

diff --git a/src/assets/img/devices/finamp.svg b/src/assets/img/devices/finamp.svg
new file mode 100644
index 0000000000..8bd3a90ca3
--- /dev/null
+++ b/src/assets/img/devices/finamp.svg
@@ -0,0 +1,7 @@
+<svg role="img"
+   viewBox="0 0 210 297"
+   xmlns="http://www.w3.org/2000/svg">
+   <title>Finamp icon</title>
+   <path
+       d="M 69.370216,241.70457 C 50.612585,216.22412 40.075179,174.495 36.128998,110.06608 33.495274,67.065618 44.085825,59.226924 92.567634,68.292508 c 20.934416,3.914496 27.827066,4.198089 67.943236,2.795479 15.01644,-0.525043 24.24345,-0.51262 24.24345,0.03203 0,2.02352 -25.20667,26.40015 -30.51241,29.507633 -5.41098,3.16913 -5.88645,3.26795 -17.41763,3.61937 -7.67759,0.23415 -15.65652,-0.17009 -22.64411,-1.14686 -25.347573,-3.543166 -36.936862,-0.7853 -42.62579,10.14353 -1.529767,2.93881 -2.116814,6.06888 -2.414344,12.87312 -0.48661,11.12778 0.442174,17.231 6.870204,45.14563 8.542177,37.09557 9.801925,52.50941 5.33119,65.22953 -1.971968,5.6106 -5.317334,11.03143 -6.807825,11.03143 -0.483648,0 -2.807164,-2.61877 -5.163389,-5.81948 z m 35.127024,-56.85485 c -1.42116,-0.77103 -3.48289,-3.16401 -4.581609,-5.31769 -2.833376,-5.55388 -7.34604,-27.6604 -8.030213,-39.33817 -0.530095,-9.04772 -0.416003,-10.08518 1.345967,-12.2394 1.71807,-2.10052 2.566639,-2.33623 7.887475,-2.19094 8.99051,0.24553 36.88418,8.63901 44.81806,13.48633 4.77149,2.91519 5.6724,5.8241 3.30988,10.68687 -3.36134,6.91866 -25.14851,29.96587 -32.75071,34.64485 -3.38073,2.08076 -8.44917,2.194 -11.99885,0.2683 z"
+       style="fill:#fff"/></svg>
diff --git a/src/assets/img/devices/roku.svg b/src/assets/img/devices/roku.svg
new file mode 100644
index 0000000000..eb1e621b59
--- /dev/null
+++ b/src/assets/img/devices/roku.svg
@@ -0,0 +1,7 @@
+<svg role="img"
+   viewBox="0 0 210 297"
+   xmlns="http://www.w3.org/2000/svg">
+  <title>Roku icon</title>
+  <path
+       d="m 134.501,227.38486 c -2.44819,-3.39677 -5.40762,-7.5041 -6.57652,-9.1274 -1.16891,-1.6233 -2.87952,-3.99592 -3.80137,-5.27251 -0.92184,-1.27658 -2.32281,-3.22438 -3.11326,-4.32845 -0.79045,-1.10408 -2.21327,-3.08277 -3.16181,-4.39711 -0.94855,-1.31433 -2.22961,-3.09276 -2.84679,-3.95207 -0.61719,-0.8593 -1.69455,-2.35278 -2.39413,-3.31885 -2.14638,-2.96394 -6.73436,-9.33234 -7.77326,-10.78978 -0.54108,-0.75905 -1.27705,-1.7753 -1.63549,-2.25833 -0.35844,-0.48303 -1.44122,-1.97917 -2.40619,-3.32476 -0.96497,-1.34558 -2.64833,-3.6886 -3.74081,-5.20669 -1.09248,-1.5181 -2.68538,-3.73408 -3.53977,-4.92441 l -1.55344,-2.16423 h -7.897297 -7.897299 v 32.55754 32.55755 H 50.004612 23.84566 V 135.44907 37.462783 l 38.987503,0.0012 c 38.978177,0.0012 40.941657,0.02063 45.197897,0.447079 17.74196,1.77761 34.09908,8.541533 46.7415,19.328335 6.96873,5.945875 12.56918,13.064776 16.42102,20.873253 3.98038,8.069037 5.87088,16.23414 5.88243,25.40618 0.004,2.93097 -0.10859,4.42747 -0.56006,7.46502 -2.28584,15.37939 -11.4805,29.9398 -25.61296,40.55997 -1.74452,1.31096 -4.01525,2.86206 -6.70655,4.58113 l -1.03428,0.66066 0.98006,1.34477 c 1.16032,1.59211 3.19563,4.41968 5.98013,8.30794 1.11186,1.5526 3.05961,4.26259 4.32832,6.02221 1.2687,1.75961 3.07604,4.272 4.01629,5.58308 0.94025,1.31109 3.51501,4.89618 5.72168,7.96688 2.20667,3.07069 4.5993,6.40173 5.31692,7.40229 2.88999,4.02938 4.20775,5.86082 6.58996,9.15877 1.3707,1.89762 3.1781,4.41001 4.01644,5.58308 0.83834,1.17308 2.68173,3.74193 4.09641,5.70855 5.84268,8.12224 7.24486,10.07327 10.61731,14.77322 l 3.53351,4.92441 H 168.65572 138.95226 Z M 93.86514,135.44732 c 6.72676,-0.37308 12.60026,-2.55392 18.23498,-6.77066 2.29302,-1.71598 5.02043,-4.58492 6.86064,-7.21667 5.34727,-7.64731 7.16217,-17.51458 4.88138,-26.53915 -1.38094,-5.46408 -4.34944,-10.857153 -8.06981,-14.660971 -5.11636,-5.231116 -11.18225,-8.448076 -18.24084,-9.673774 -2.55155,-0.443066 -4.02597,-0.500864 -12.805103,-0.501964 l -8.562823,-0.0011 v 32.745739 32.74573 l 7.747316,-0.002 c 4.261024,-0.001 8.74044,-0.0575 9.95426,-0.1248 z"
+       fill="#fff"/></svg>
diff --git a/src/scripts/imagehelper.js b/src/scripts/imagehelper.js
index d481f7e4ad..64efb50ba5 100644
--- a/src/scripts/imagehelper.js
+++ b/src/scripts/imagehelper.js
@@ -54,6 +54,10 @@ function getWebDeviceIcon(browser) {
                 return BASE_DEVICE_IMAGE_URL + 'apple.svg';
             case 'Home Assistant':
                 return BASE_DEVICE_IMAGE_URL + 'home-assistant.svg';
+            case 'Jellyfin Roku':
+                return BASE_DEVICE_IMAGE_URL + 'roku.svg';
+            case 'Finamp':
+                return BASE_DEVICE_IMAGE_URL + 'finamp.svg';
             case 'Jellyfin Web':
                 return getWebDeviceIcon(device.Name || device.DeviceName);
             default: