From 93d30c0255a0334313154badb23cdd5eb6bb6561 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sat, 2 Aug 2025 00:00:05 +0200
Subject: [PATCH] refactor: Simplify CurrencyDisplay component by removing
 conditional rendering for zero values

- Remove conditional rendering for currency denominations in CurrencyDisplay.vue, ensuring consistent display regardless of value.
- Enhance code clarity by streamlining the template structure while maintaining visual representation of wallet contents.
---
 src/components/ui/CurrencyDisplay.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/components/ui/CurrencyDisplay.vue b/src/components/ui/CurrencyDisplay.vue
index c783d9b..a338645 100644
--- a/src/components/ui/CurrencyDisplay.vue
+++ b/src/components/ui/CurrencyDisplay.vue
@@ -1,35 +1,28 @@
 <template>
   <div class="flex items-center gap-1 bg-muted/30 rounded-lg p-1 border">
     <!-- Platinum -->
-    <div v-if="currency.platinum > 0" class="flex items-center gap-1 px-2 py-1 rounded bg-blue-900/50 border border-blue-700/30">
+    <div class="flex items-center gap-1 px-2 py-1 rounded bg-blue-900/50 border border-blue-700/30">
       <div class="w-3 h-3 rounded-full bg-gradient-to-br from-slate-300 to-slate-500 border border-slate-400"></div>
       <span class="text-xs font-mono font-bold text-blue-100">{{ currency.platinum }}</span>
     </div>
     
     <!-- Gold -->
-    <div v-if="currency.gold > 0" class="flex items-center gap-1 px-2 py-1 rounded bg-yellow-900/50 border border-yellow-700/30">
+    <div class="flex items-center gap-1 px-2 py-1 rounded bg-yellow-900/50 border border-yellow-700/30">
       <div class="w-3 h-3 rounded-full bg-gradient-to-br from-yellow-300 to-yellow-500 border border-yellow-400"></div>
       <span class="text-xs font-mono font-bold text-yellow-100">{{ currency.gold }}</span>
     </div>
     
     <!-- Silver -->
-    <div v-if="currency.silver > 0" class="flex items-center gap-1 px-2 py-1 rounded bg-gray-700/50 border border-gray-600/30">
+    <div class="flex items-center gap-1 px-2 py-1 rounded bg-gray-700/50 border border-gray-600/30">
       <div class="w-3 h-3 rounded-full bg-gradient-to-br from-gray-300 to-gray-500 border border-gray-400"></div>
       <span class="text-xs font-mono font-bold text-gray-100">{{ currency.silver }}</span>
     </div>
     
     <!-- Copper -->
-    <div v-if="currency.copper > 0" class="flex items-center gap-1 px-2 py-1 rounded bg-orange-900/50 border border-orange-700/30">
+    <div class="flex items-center gap-1 px-2 py-1 rounded bg-orange-900/50 border border-orange-700/30">
       <div class="w-3 h-3 rounded-full bg-gradient-to-br from-orange-300 to-orange-500 border border-orange-400"></div>
       <span class="text-xs font-mono font-bold text-orange-100">{{ currency.copper }}</span>
     </div>
-    
-    <!-- Show 0c if no currency -->
-    <div v-if="currency.platinum === 0 && currency.gold === 0 && currency.silver === 0 && currency.copper === 0" 
-         class="flex items-center gap-1 px-2 py-1 rounded bg-orange-900/50 border border-orange-700/30">
-      <div class="w-3 h-3 rounded-full bg-gradient-to-br from-orange-300 to-orange-500 border border-orange-400"></div>
-      <span class="text-xs font-mono font-bold text-orange-100">0</span>
-    </div>
   </div>
 </template>