From 56956736ab030eb673c300c58ae912acee252c5b Mon Sep 17 00:00:00 2001
From: Mateusz Rybczonek <m.rybczonek@gmail.com>
Date: Wed, 15 Nov 2023 09:25:08 +0100
Subject: [PATCH] feat(happ-card): update component to new data structure
 returned by the API

---
 src/components/HAppCard.vue      | 11 ++---------
 src/components/HAppCardUsage.vue |  4 ++--
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/components/HAppCard.vue b/src/components/HAppCard.vue
index b5ba268..e41a80c 100644
--- a/src/components/HAppCard.vue
+++ b/src/components/HAppCard.vue
@@ -40,10 +40,10 @@
           </slot>
         </div>
 
-        <div class="happ-card__earnings disabled">
+        <div class="happ-card__earnings">
           {{ $t('$.last_7_days') }}:
           <span class="bold">
-            &nbsp;{{ earnings }} HF
+            &nbsp{{ formatCurrency(Number(props.happ.earnings.last7Days)) }} HF
           </span>
         </div>
 
@@ -54,7 +54,6 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
 import { formatCurrency } from '../utils/numbers'
 import BaseCard from './BaseCard.vue'
 import HAppCardUsage from './HAppCardUsage.vue'
@@ -84,12 +83,6 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['details-link-click'])
-
-const earnings = computed(() =>
-  props.happ.last7daysEarnings && Number(props.happ.last7daysEarnings)
-    ? formatCurrency(Number(props.happ.last7daysEarnings))
-    : '--'
-)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/HAppCardUsage.vue b/src/components/HAppCardUsage.vue
index bfea104..6c4f8ed 100644
--- a/src/components/HAppCardUsage.vue
+++ b/src/components/HAppCardUsage.vue
@@ -28,13 +28,13 @@ const items = computed(() => {
     {
       value: presentMicroSeconds(props.happ.usage?.cpu),
       unit: t('$.cpu'),
-      isDisabled: true
+      isDisabled: false
     },
     {
       value: presentBytes(props.happ.usage?.bandwidth),
       unit: t('$.data_transfer'),
       isDisabled: false
-    },
+    }
     // {
     //   value: presentBytes(props.happ.storage),
     //   unit: t('$.storage'),