From 3383acc3c867e71bc9ad666a0c9031bab5b29d3a Mon Sep 17 00:00:00 2001
From: VitaliiShpital <takur12345@gmail.com>
Date: Thu, 13 Aug 2020 13:09:55 +0300
Subject: [PATCH] web/satellite: low balance banner removed for no paywall
 users

WHAT:
yellow low balance banner removed from billing page for no paywall users

WHY:
better user experience for no paywall users

Change-Id: I1c254d7696e166073c66a6fbb82c134903cbc920
---
 web/satellite/src/api/auth.ts                                 | 2 +-
 web/satellite/src/components/account/billing/BillingArea.vue  | 2 +-
 .../tests/unit/onboardingTour/steps/CreateApiKeyStep.spec.ts  | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/satellite/src/api/auth.ts b/web/satellite/src/api/auth.ts
index 293835df1..edf5a1db2 100644
--- a/web/satellite/src/api/auth.ts
+++ b/web/satellite/src/api/auth.ts
@@ -196,7 +196,7 @@ export class AuthHttpApi {
      * @returns id of created user
      * @throws Error
      */
-    public async register(user: {fullName: string; shortName: string; email: string; partner: string, partnerId: string; password: string}, secret: string, referrerUserId: string): Promise<string> {
+    public async register(user: {fullName: string; shortName: string; email: string; partner: string; partnerId: string; password: string}, secret: string, referrerUserId: string): Promise<string> {
         const path = `${this.ROOT_PATH}/register`;
         const body = {
             secret: secret,
diff --git a/web/satellite/src/components/account/billing/BillingArea.vue b/web/satellite/src/components/account/billing/BillingArea.vue
index b001cd85d..507023d16 100644
--- a/web/satellite/src/components/account/billing/BillingArea.vue
+++ b/web/satellite/src/components/account/billing/BillingArea.vue
@@ -161,7 +161,7 @@ export default class BillingArea extends Vue {
      * Indicates if balance is not below zero but lower then CRITICAL_AMOUNT.
      */
     public get isBalanceLow(): boolean {
-        return this.balance.sum > 0 && this.balance.sum < this.CRITICAL_AMOUNT;
+        return this.balance.coins > 0 && this.balance.sum < this.CRITICAL_AMOUNT;
     }
 
     /**
diff --git a/web/satellite/tests/unit/onboardingTour/steps/CreateApiKeyStep.spec.ts b/web/satellite/tests/unit/onboardingTour/steps/CreateApiKeyStep.spec.ts
index 2fddc188d..b19f1e969 100644
--- a/web/satellite/tests/unit/onboardingTour/steps/CreateApiKeyStep.spec.ts
+++ b/web/satellite/tests/unit/onboardingTour/steps/CreateApiKeyStep.spec.ts
@@ -1,12 +1,13 @@
 // Copyright (C) 2020 Storj Labs, Inc.
 // See LICENSE for copying information.
 
-import Vuex from 'vuex';
 import sinon from 'sinon';
+import Vuex from 'vuex';
 
 import CreateApiKeyStep from '@/components/onboardingTour/steps/CreateApiKeyStep.vue';
 
 import { makeApiKeysModule } from '@/store/modules/apiKeys';
+import { appStateModule } from '@/store/modules/appState';
 import { makeProjectsModule } from '@/store/modules/projects';
 import { ApiKeysPage } from '@/types/apiKeys';
 import { Project } from '@/types/projects';
@@ -16,7 +17,6 @@ import { createLocalVue, mount } from '@vue/test-utils';
 
 import { ApiKeysMock } from '../../mock/api/apiKeys';
 import { ProjectsApiMock } from '../../mock/api/projects';
-import {appStateModule} from "@/store/modules/appState";
 
 const localVue = createLocalVue();
 const notificationPlugin = new NotificatorPlugin();