Support business operation currency

schema.graphql

@@ -762,8 +762,11 @@ type PayloadOfWorkspacePlanPurchase {
   """Workspace to which the payment is debited"""
   workspace: Workspace!
 
-  """Amount of payment in US cents"""
+  """Amount of payment * 100 """
   amount: Long!
+
+  """Currency of payment"""
+  currency: String!
 }
 
 """Input for single payment"""

src/api/billing/queries.ts

@@ -28,6 +28,7 @@ export const FRAGMENT_BUSINESS_OPERATION = `
           name
         }
         amount
+        currency
       }
     }
   }

src/components/utils/billing/History.vue

@@ -29,7 +29,7 @@
           />
         </div>
         <div class="billing-history__amount">
-          {{ operation.payload.amount | centsToDollars }}$
+          {{ getAmountString(operation.payload.amount, operation.payload.currency) }}
         </div>
         <div class="billing-history__description">
           {{ getDescription(operation) }}
@@ -57,6 +57,7 @@ import EntityImage from './../EntityImage.vue';
 import { BusinessOperationType } from '@/types/business-operation-type';
 import i18n from './../../../i18n';
 import { BusinessOperation, PayloadOfWorkspacePlanPurchase } from '@/types/business-operation';
+import { getCurrencySign } from '@/utils';
 
 export default Vue.extend({
   name: 'BillingHistory',
@@ -101,6 +102,9 @@ export default Vue.extend({
     },
   },
   methods: {
+    getAmountString(amount: number, currency: string): string {
+      return (amount / 100) + getCurrencySign(currency);
+    },
     /**
      * Get a status key to show it on the page
      *

src/components/workspace/settings/BillingOverview.vue

@@ -129,6 +129,7 @@ import PositiveButton from '../../utils/PostivieButton.vue';
 import notifier from 'codex-notifier';
 import { CANCEL_SUBSCRIPTION } from '../../../store/modules/workspaces/actionTypes';
 import { FETCH_PLANS } from '../../../store/modules/plans/actionTypes';
+import { getCurrencySign } from '@/utils';
 
 /**
  * Const value for the whole project
@@ -222,14 +223,7 @@ export default Vue.extend({
      * Return currency sign depending on plan currency
      */
     planCurrencySign(): string {
-      switch (this.plan.monthlyChargeCurrency) {
-        case 'USD':
-          return '$';
-        case 'RUB':
-          return '₽';
-        default:
-          return '';
-      }
+      return getCurrencySign(this.plan.monthlyChargeCurrency);
     },
     /**
      * Total number of errors since the last charge date

src/utils.ts

@@ -2,6 +2,17 @@ import mergeWith from 'lodash.mergewith';
 import cloneDeep from 'lodash.clonedeep';
 import { HawkEventDailyInfo, HawkEventPayload, HawkEventRepetition } from './types/events';
 
+export function getCurrencySign(currency: string): string {
+  switch (currency) {
+    case 'USD':
+      return '$';
+    case 'RUB':
+      return '₽';
+    default:
+      return '';
+  }
+}
+
 /**
  * Returns entity color from predefined list
  *