feat(happ-card): update component to new data structure returned by t…

…he API
Holo-Host · Nov 15, 2023 · 5695673 · 5695673
1 parent 5210576
commit 5695673
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 11 deletions.
diff --git 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
@@ -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'),