Support plan.monthlyChargeCurrency

schema.graphql

@@ -821,6 +821,9 @@ type Plan {
   """Monthly charge for plan"""
   monthlyCharge: Int!
 
+  """Monthly charge currency for plan"""
+  monthlyChargeCurrency: String!
+
   """Events limit for plan"""
   eventsLimit: Int!
 

src/api/fragments.ts

@@ -121,6 +121,7 @@ export const WORKSPACE_PLAN = `
       id
       name
       monthlyCharge
+      monthlyChargeCurrency
       eventsLimit
     }
   }

src/api/plans/queries.ts

@@ -8,6 +8,7 @@ export const QUERY_PLANS = `
         id
         name
         monthlyCharge
+        monthlyChargeCurrency
         eventsLimit
       }
     }

src/components/workspace/settings/BillingOverview.vue

@@ -45,7 +45,7 @@
             {{ plan.name || 'Free' }}
           </div>
           <div class="billing-card__plan-coast">
-            {{ plan.monthlyCharge || 0 }}$/{{ $t('billing.payPeriod') }}
+            {{ plan.monthlyCharge || 0 }}{{planCurrencySign}}/{{ $t('billing.payPeriod') }}
           </div>
         </div>
       </div>
@@ -217,6 +217,20 @@ export default Vue.extend({
     plan(): Plan {
       return this.workspace.plan;
     },
+
+    /**
+     * Return currency sign depending on plan currency
+     */
+    planCurrencySign(): string {
+      switch (this.plan.monthlyChargeCurrency) {
+        case 'USD':
+          return '$';
+        case 'RUB':
+          return '₽';
+        default:
+          return '';
+      }
+    },
     /**
      * Total number of errors since the last charge date
      */

src/types/plan.d.ts

@@ -17,6 +17,11 @@ export interface Plan {
    */
   monthlyCharge: number;
 
+  /**
+   * Plan monthly charge currency
+   */
+  monthlyChargeCurrency: 'USD' | 'RUB'
+
   /**
    * Plan events limit
    */