Merge pull request #116 from Holo-Host/b06172-bandwidth2dataxfer

B-06172 Host Console update bandwidth to data transfer
Holo-Host · Oct 23, 2023 · 2419008 · 2419008
2 parents 8e70a9e + 1acae9f
commit 2419008
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/mock-hpos-api/defaultResponse.js b/mock-hpos-api/defaultResponse.js
@@ -534,6 +534,13 @@ const holoNixpkgs = {
   }
 }
 
+const mockKycData = {
+  "kyc": 'holo_kyc_2'
+}
+
+const mockHostPreferences = {
+}
+
 // NB: both /api and /holochain-api calls are mocked here
 const data = {
   get: {
@@ -544,7 +551,9 @@ const data = {
     '/holochain-api/v1/host_earnings': earnings,
     '/holochain-api/v1/core_app_version': coreAppVersion,
     '/holochain-api/v1/host_invoices': mockPaidInvoicesData,
-    '/holochain-api/v1/redemptions': mockRedemptionHistoryData
+    '/holochain-api/v1/host_preferences': mockHostPreferences,
+    '/holochain-api/v1/redemptions': mockRedemptionHistoryData,
+    '/holochain-api/v1/kyc': mockKycData
   },
   put: {
     '/api/v1/config': (args) => args,

diff --git a/src/components/dashboard/UsageCard.vue b/src/components/dashboard/UsageCard.vue
@@ -68,7 +68,7 @@ const isError = computed((): boolean => isErrorPredicate(props.data) && !!props.
         </span>
       </div>
 
-      <div class="info-row daily-row inactive">
+      <div class="info-row daily-row inactive hidden">
         <span class="daily-label">
           {{ $t('$.storage') }}
         </span>
@@ -78,7 +78,7 @@ const isError = computed((): boolean => isErrorPredicate(props.data) && !!props.
       </div>
       <div class="info-row daily-row">
         <span class="daily-label">
-          {{ $t('$.bandwidth') }}
+          {{ $t('$.data_transfer') }}
         </span>
         <span class="bold">{{ presentBytes(props.data ? props.data.totalUsage?.bandwidth : 0) }}
         </span>
@@ -121,6 +121,10 @@ const isError = computed((): boolean => isErrorPredicate(props.data) && !!props.
   margin: 0 0 20px;
 }
 
+.hidden {
+  display: none;
+}
+
 @media screen and (max-width: 1050px) {
   /* Hiding hosting preferences link in mobile view as dictated in the designs */
   .hosting-preferences {

diff --git a/src/components/settings/hostingPreferences/PricesSection.vue b/src/components/settings/hostingPreferences/PricesSection.vue
@@ -83,14 +83,7 @@ const prices = computed((): PriceItem[] => [
     isDisabled: true
   },
   {
-    label: t('$.storage'),
-    value: props.data.storage ? formatPrice(props.data.storage).value : 0,
-    unit: props.data.storage ? formatPrice(props.data.storage).unit : '',
-    prop: 'storage',
-    isDisabled: true
-  },
-  {
-    label: t('$.bandwidth'),
+    label: t('$.data_transfer'),
     value: props.data.bandwidth ? formatPrice(props.data.bandwidth).value : 0,
     unit: props.data.bandwidth ? formatPrice(props.data.bandwidth).unit : '',
     prop: 'bandwidth',

diff --git a/ui-common-library b/ui-common-library
+1 −0		package.json
+2 −1		src/components/Dropdown.vue
+94 −0		src/components/GoToSpringboardModal.vue
+6 −4		src/components/HAppCard.vue
+7 −7		src/components/HAppCardUsage.vue
+39 −0		src/components/icons/ChainIcon.vue
+53 −0		src/components/icons/ClockIcon.vue
+36 −0		src/components/icons/LeftChevronIcon.vue
+1 −1		src/locales/en.js
+44 −0		src/services/hbs.js
+10 −2		src/stores/useClientStore.js
+23 −8		src/stores/useHoloStore.js
+116 −21		src/stores/useHolochainStore.js
+8 −0		src/utils/consts.js
+48 −0		src/utils/hbsConfiguration.js
+41 −0		src/utils/httpProvider.js
+7 −0		src/utils/index.js
+16 −0		src/utils/springboardConfiguration.js