From 33127ab41432a41f2334d78823803183141b5226 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Tue, 20 Apr 2021 10:33:06 +0100
Subject: [PATCH] Adds variable size for Font Awesome, and upgrades to premium

---
 src/components/LinkItems/Item.vue     |  2 +-
 src/components/LinkItems/ItemIcon.vue | 20 ++++++++++++++------
 src/utils/defaults.js                 |  2 +-
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue
index 1b932f84..39ed64ff 100644
--- a/src/components/LinkItems/Item.vue
+++ b/src/components/LinkItems/Item.vue
@@ -14,7 +14,7 @@
         <div class="overflow-dots">...</div>
       </div>
       <!-- Item Icon -->
-      <Icon :icon="icon" :url="url" />
+      <Icon :icon="icon" :url="url" :size="itemSize" />
       <!-- Small icon, showing opening method on hover -->
       <ItemOpenMethodIcon class="opening-method-icon" :isSmall="!icon" :openingMethod="target"
         :position="itemSize === 'medium'? 'bottom right' : 'top right'"/>
diff --git a/src/components/LinkItems/ItemIcon.vue b/src/components/LinkItems/ItemIcon.vue
index ce9149d0..8fc49596 100644
--- a/src/components/LinkItems/ItemIcon.vue
+++ b/src/components/LinkItems/ItemIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <i v-if="determineImageType(icon) === 'font-awesome'" :class="icon"></i>
-  <img v-else-if="icon" :src="getIconPath(icon, url)" class="tile-icon" />
+  <i v-if="determineImageType(icon) === 'font-awesome'" :class="`${icon} ${size}`"></i>
+  <img v-else-if="icon" :src="getIconPath(icon, url)" :class="`tile-icon ${size}`" />
 </template>
 
 <script>
@@ -8,8 +8,9 @@
 export default {
   name: 'Icon',
   props: {
-    icon: String,
-    url: String,
+    icon: String, // Path to icon asset
+    url: String, // Used for fetching the favicon
+    size: String, // Either small, medium or large
   },
   methods: {
     /* Check if a string is in a URL format. Used to identify tile icon source */
@@ -72,8 +73,15 @@ export default {
       width: 60px;
       filter: var(--item-icon-transform);
   }
-  i.fas, i.fab {
-    font-size: 1.5rem;
+  i.fas, i.fab, i.far, i.fal, i.fad {
+    font-size: 2rem;
     color: currentColor;
+    margin: 1px auto 4px;
+    &.small {
+      font-size: 1.5rem;
+    }
+    &.large {
+      font-size: 3rem;
+    }
   }
 </style>
diff --git a/src/utils/defaults.js b/src/utils/defaults.js
index 4d1e7761..0f8dfb8f 100644
--- a/src/utils/defaults.js
+++ b/src/utils/defaults.js
@@ -7,7 +7,7 @@ module.exports = {
   iconSize: 'medium',
   layout: 'auto',
   theme: 'default',
-  fontAwesomeKey: 'def7c3ce4c',
+  fontAwesomeKey: '0821c65656',
   builtInThemes: [
     'nord',
     'nord-frost',