feat : lang

client/src/components/ContactsSuggestField.js

@@ -5,12 +5,13 @@ import { Suggest } from '@blueprintjs/select';
 import { FormattedMessage as T } from 'react-intl';
 import classNames from 'classnames';
 import { CLASSES } from 'common/classes';
+import { formatMessage } from 'services/intl';
 
 export default function ContactsSuggestField({
   contactsList,
   initialContactId,
   selectedContactId,
-  defaultTextSelect = 'Select contact',
+  defaultTextSelect = formatMessage({id:'select_contact'}),
   onContactSelected,
 
   selectedContactType = [],

client/src/containers/Dialogs/PaymentViaVoucherDialog/PaymentViaVoucherForm.js

@@ -10,7 +10,6 @@ import { useAutofocus } from 'hooks';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 
-
 /**
  * Payment via license form.
  */
@@ -31,7 +30,9 @@ function PaymentViaLicenseForm({
   return (
     <Form>
       <div className={CLASSES.DIALOG_BODY}>
-        <p>Please enter your preferred payment method below.</p>
+        <p>
+          <T id={'please_enter_your_preferred_payment_method_below'} />
+        </p>
 
         <FastField name="license_code">
           {({ field, meta: { error, touched } }) => (
@@ -72,6 +73,4 @@ function PaymentViaLicenseForm({
   );
 }
 
-export default compose(
-  withDialogActions
-)(PaymentViaLicenseForm);
+export default compose(withDialogActions)(PaymentViaLicenseForm);

client/src/containers/Preferences/Currencies/CurrenciesActions.js

@@ -1,15 +1,11 @@
-import React, {useCallback} from 'react';
-import {
-  Button,
-  Intent,
-} from '@blueprintjs/core';
+import React, { useCallback } from 'react';
+import { Button, Intent } from '@blueprintjs/core';
 import Icon from 'components/Icon';
 import withDialogActions from 'containers/Dialog/withDialogActions';
-import {compose} from 'utils';
+import { compose } from 'utils';
+import { FormattedMessage as T } from 'react-intl';
 
-function CurrenciesActions({
-  openDialog,
-}) {
+function CurrenciesActions({ openDialog }) {
   const handleClickNewCurrency = useCallback(() => {
     openDialog('currency-form');
   }, [openDialog]);
@@ -17,15 +13,14 @@ function CurrenciesActions({
   return (
     <div class="users-actions">
       <Button
-        icon={<Icon icon='plus' iconSize={12} />}
+        icon={<Icon icon="plus" iconSize={12} />}
         onClick={handleClickNewCurrency}
-        intent={Intent.PRIMARY}>
-        New Currency
+        intent={Intent.PRIMARY}
+      >
+        <T id={'new_currency'} />
       </Button>
-    </div>    
+    </div>
   );
 }
 
-export default compose(
-  withDialogActions,
-)(CurrenciesActions);
+export default compose(withDialogActions)(CurrenciesActions);

client/src/containers/Subscriptions/LicenseTab.js

@@ -28,8 +28,12 @@ function LicenseTab({ openDialog }) {
         <T id={'cards_will_be_charged'} />
       </p>
 
-      <Button onClick={handleSubmitBtnClick} intent={Intent.PRIMARY} large={true}>
-        Submit Voucher
+      <Button
+        onClick={handleSubmitBtnClick}
+        intent={Intent.PRIMARY}
+        large={true}
+      >
+        <T id={'submit_voucher'} />
       </Button>
     </div>
   );

client/src/lang/en/index.json

@@ -999,5 +999,7 @@
   "invoice": "Invoice",
   "receipt_": "Receipt",
   "receipt_no": "Receipt No.",
-  "receipt_amount": "Receipt amount"
+  "receipt_amount": "Receipt amount",
+  "please_enter_your_preferred_payment_method_below": "Please enter your preferred payment method below.",
+  "submit_voucher": "Submit Voucher",
 }