From 674a50349682d7286aeb40bee83700cf95711564 Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Wed, 12 Jun 2024 22:48:56 -0500
Subject: [PATCH] Use icons to display rarity

---
 pages/loots/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/loots/index.vue b/pages/loots/index.vue
index 96633b3..4f1e671 100644
--- a/pages/loots/index.vue
+++ b/pages/loots/index.vue
@@ -17,8 +17,8 @@
 
         <div class="card-body d-flex flex-column justify-content-end">
           <h5>{{ loot.name }}</h5>
-          <span class="small border-bottom border-light border-opacity-25 pb-2 mb-2">{{ loot.id }}</span>
-          <span>{{ loot.rarity }}</span>
+          <span class="small pb-2 mb-2">{{ loot.id }}</span>
+            <img v-if="loot.rarity != 'Default'" :src="`https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-parties/global/default/${loot.rarity.toLowerCase()}_plating_big.png`" />
         </div>
       </div>
     </div>