From ea4e23d86b91e43a66421c1b52951e6d2eecc416 Mon Sep 17 00:00:00 2001
From: Ryan <fauxpark@gmail.com>
Date: Fri, 10 Jan 2025 17:45:45 +1100
Subject: [PATCH] Add more fontawesome icons for media keys (#1381)

---
 src/components/colorways/index.js | 14 ++++++-
 src/main.js                       | 64 ++++++++++++++++++++-----------
 2 files changed, 55 insertions(+), 23 deletions(-)

diff --git a/src/components/colorways/index.js b/src/components/colorways/index.js
index ec3efa57c4..966716e16e 100644
--- a/src/components/colorways/index.js
+++ b/src/components/colorways/index.js
@@ -20,7 +20,19 @@ export default {
     KC_DOWN: 'arrow-down',
     KC_LEFT: 'arrow-left',
     KC_RGHT: 'arrow-right',
-    KC_APP: 'bars'
+    KC_APP: 'bars',
+    KC_PWR: 'power-off',
+    KC_SLEP: 'moon',
+    KC_EJCT: 'eject',
+    KC_MPLY: 'play',
+    KC_MSTP: 'stop',
+    KC_MRWD: 'backward',
+    KC_MFFD: 'forward',
+    KC_MPRV: 'fast-backward',
+    KC_MNXT: 'fast-forward',
+    KC_MUTE: 'volume-mute',
+    KC_VOLD: 'volume-down',
+    KC_VOLU: 'volume-up'
   },
   /**
    * returns the correct icons for the identified platform
diff --git a/src/main.js b/src/main.js
index c1e512d97a..fcd13f85ec 100644
--- a/src/main.js
+++ b/src/main.js
@@ -28,37 +28,47 @@ const i18n = new VueI18n({
 
 import { library } from '@fortawesome/fontawesome-svg-core';
 import {
-  faDownload,
-  faUpload,
-  faArrowUp,
   faArrowDown,
   faArrowLeft,
   faArrowRight,
-  faExclamationTriangle,
-  faCog,
-  faCloudUploadAlt,
-  faKeyboard,
+  faArrowUp,
+  faBackward,
+  faBars,
   faChevronLeft,
   faChevronRight,
-  faPrint,
-  faUndo,
-  faTrash,
-  faTimes,
+  faChevronUp,
+  faCloudUploadAlt,
+  faCog,
+  faDownload,
+  faEject,
+  faExclamationTriangle,
+  faFastBackward,
+  faFastForward,
+  faForward,
   faHatWizard,
+  faKeyboard,
   faMagic,
-  faStar,
-  faChevronUp,
-  faSearch,
+  faMoon,
+  faPlay,
+  faPowerOff,
+  faPrint,
   faQuestionCircle,
+  faSearch,
+  faStar,
+  faStop,
+  faTimes,
+  faTrash,
+  faUndo,
+  faUpload,
+  faVolumeDown,
   faVolumeMute,
-  faVolumeUp,
-  faBars
+  faVolumeUp
 } from '@fortawesome/free-solid-svg-icons';
 import {
   faApple,
-  faWindows,
+  faGithub,
   faLinux,
-  faGithub
+  faWindows
 } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import isObject from 'lodash/isObject';
@@ -84,6 +94,7 @@ const icons = [
   faArrowLeft,
   faArrowRight,
   faArrowUp,
+  faBackward,
   faBars,
   faChevronLeft,
   faChevronRight,
@@ -91,23 +102,32 @@ const icons = [
   faCloudUploadAlt,
   faCog,
   faDownload,
+  faEject,
   faExclamationTriangle,
+  faFastBackward,
+  faFastForward,
+  faForward,
   faGithub,
   faHatWizard,
   faKeyboard,
   faLinux,
   faMagic,
+  faMoon,
+  faPlay,
+  faPowerOff,
   faPrint,
+  faQuestionCircle,
   faSearch,
   faStar,
-  faTrash,
+  faStop,
   faTimes,
+  faTrash,
   faUndo,
   faUpload,
-  faWindows,
-  faQuestionCircle,
+  faVolumeDown,
+  faVolumeMute,
   faVolumeUp,
-  faVolumeMute
+  faWindows
 ];
 library.add(...icons);