WIP: Arabic localization.|

This commit is contained in:
a.bouhuolia
2021-06-10 12:51:00 +02:00
parent 4fc7c37260
commit 1ea32884c2
465 changed files with 3299 additions and 2109 deletions

View File

@@ -9,7 +9,8 @@ import {
Position,
PopoverInteractionKind,
} from '@blueprintjs/core';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { FormattedMessage as T } from 'components';
import intl from 'react-intl-universal';
import classNames from 'classnames';
import { useHistory } from 'react-router-dom';
@@ -41,7 +42,7 @@ function CustomerActionsBar({
const history = useHistory();
// React intl
const { formatMessage } = useIntl();
// Customers list context.
const { customersViews } = useCustomersListContext();
@@ -85,7 +86,7 @@ function CustomerActionsBar({
>
<Button
className={classNames(Classes.MINIMAL, 'button--filter')}
text={`${formatMessage({ id: 'filters_applied' })}`}
text={`${intl.get('filters_applied')}`}
icon={<Icon icon="filter-16" iconSize={16} />}
/>
</Popover>

View File

@@ -2,7 +2,7 @@ import React from 'react';
import { Button, Intent } from '@blueprintjs/core';
import { useHistory } from 'react-router-dom';
import { EmptyStatus } from 'components';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
export default function CustomersEmptyStatus() {
const history = useHistory();

View File

@@ -11,7 +11,7 @@ import {
import { Icon, Money } from 'components';
import { safeCallback } from 'utils';
import { firstLettersArgs } from 'utils';
import { useIntl } from 'react-intl';
import intl from 'react-intl-universal';
/**
* Actions menu.
@@ -20,28 +20,28 @@ export function ActionsMenu({
row: { original },
payload: { onEdit, onDelete, onDuplicate },
}) {
const { formatMessage } = useIntl();
return (
<Menu>
<MenuItem
icon={<Icon icon="reader-18" />}
text={formatMessage({ id: 'view_details' })}
text={intl.get('view_details')}
/>
<MenuDivider />
<MenuItem
icon={<Icon icon="pen-18" />}
text={formatMessage({ id: 'edit_customer' })}
text={intl.get('edit_customer')}
onClick={safeCallback(onEdit, original)}
/>
<MenuItem
icon={<Icon icon="duplicate-16" />}
text={formatMessage({ id: 'duplicate' })}
text={intl.get('duplicate')}
onClick={safeCallback(onDuplicate, original)}
/>
<MenuItem
icon={<Icon icon="trash-16" iconSize={16} />}
text={formatMessage({ id: 'delete_customer' })}
text={intl.get('delete_customer')}
intent={Intent.DANGER}
onClick={safeCallback(onDelete, original)}
/>
@@ -74,7 +74,7 @@ export function BalanceAccessor(row) {
* Retrieve customers table columns.
*/
export function useCustomersTableColumns() {
const { formatMessage } = useIntl();
return useMemo(
() => [
@@ -89,33 +89,33 @@ export function useCustomersTableColumns() {
},
{
id: 'display_name',
Header: formatMessage({ id: 'display_name' }),
Header: intl.get('display_name'),
accessor: 'display_name',
className: 'display_name',
width: 150,
},
{
id: 'company_name',
Header: formatMessage({ id: 'company_name' }),
Header: intl.get('company_name'),
accessor: 'company_name',
className: 'company_name',
width: 150,
},
{
id: 'work_phone',
Header: formatMessage({ id: 'work_phone' }),
Header: intl.get('work_phone'),
accessor: PhoneNumberAccessor,
className: 'phone_number',
width: 100,
},
{
id: 'balance',
Header: formatMessage({ id: 'receivable_balance' }),
Header: intl.get('receivable_balance'),
accessor: BalanceAccessor,
className: 'receivable_balance',
width: 100,
},
],
[formatMessage],
[],
);
}