Merge branch 'feature/projects' of https://github.com/bigcapitalhq/client into feature/projects

src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   Button,

src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 
 const JournalDeleteAlert = React.lazy(

src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 

src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';

src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 
 import '@/style/pages/ManualJournal/List.scss';

src/containers/Accounting/JournalsLanding/ManualJournalsListProvider.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { createContext } from 'react';
 import { isEmpty } from 'lodash';
 

src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Alignment, Navbar, NavbarGroup } from '@blueprintjs/core';
 import { pick } from 'lodash';

src/containers/Accounting/JournalsLanding/components.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   Intent,

src/containers/Accounting/JournalsLanding/utils.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import clsx from 'classnames';

src/containers/Accounting/JournalsLanding/withManualJournals.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import {
   getManualJournalsTableStateFactory,

src/containers/Accounting/JournalsLanding/withManualJournalsActions.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import {
   setManualJournalsTableState,

src/containers/Accounting/MakeJournal/MakeJournalEntries.schema.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import * as Yup from 'yup';
 import intl from 'react-intl-universal';
 import { DATATYPES_LENGTH } from '@/constants/dataTypes';

src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { FastField } from 'formik';
 import classNames from 'classnames';

src/containers/Accounting/MakeJournal/MakeJournalEntriesFooter.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   Intent,

src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useMemo } from 'react';
 import { Formik, Form } from 'formik';
 import { Intent } from '@blueprintjs/core';

src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import classNames from 'classnames';
 import { useFormikContext } from 'formik';

src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   InputGroup,

src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { useParams } from 'react-router-dom';
 

src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { DataTableEditable } from '@/components';
 import {

src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { useFormikContext } from 'formik';
 import JournalNumberDialog from '@/containers/Dialogs/JournalNumberDialog';

src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   Intent,

src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import classNames from 'classnames';
 import styled from 'styled-components';

src/containers/Accounting/MakeJournal/MakeJournalFormFooterLeft.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import styled from 'styled-components';
 import { FFormGroup, FEditableText, FormattedMessage as T } from '@/components';

src/containers/Accounting/MakeJournal/MakeJournalFormFooterRight.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import styled from 'styled-components';
 import {

src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Button, Alignment, NavbarGroup, Classes } from '@blueprintjs/core';

src/containers/Accounting/MakeJournal/MakeJournalProvider.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { createContext, useState } from 'react';
 import { Features } from '@/constants';
 import { useFeatureCan } from '@/hooks/state';

src/containers/Accounting/MakeJournal/components.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Menu, MenuItem, Position, Button } from '@blueprintjs/core';

src/containers/Accounting/MakeJournal/utils.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import * as R from 'ramda';
 import moment from 'moment';

src/containers/Accounting/ManualJournalUniversalSearch.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import intl from 'react-intl-universal';
 import { RESOURCES_TYPES } from '@/constants/resourcesTypes';
 import { AbilitySubject, ManualJournalAction } from '@/constants/abilityOption';

src/containers/Accounts/AccountUniversalSearch.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import intl from 'react-intl-universal';
 
 import withDrawerActions from '@/containers/Drawer/withDrawerActions';

src/containers/Accounts/AccountsActionsBar.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { isEmpty } from 'lodash';
 import {

src/containers/Accounts/AccountsAlerts.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 
 const AccountDeleteAlert = React.lazy(

src/containers/Accounts/AccountsChart.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useEffect } from 'react';
 
 import '@/style/pages/Accounts/List.scss';

src/containers/Accounts/AccountsChartProvider.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { createContext } from 'react';
 import { DashboardInsider } from '@/components';
 import { useResourceViews, useResourceMeta, useAccounts } from '@/hooks/query';

src/containers/Accounts/AccountsDataTable.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 
 import {

src/containers/Accounts/AccountsViewsTabs.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback } from 'react';
 import { Alignment, Navbar, NavbarGroup } from '@blueprintjs/core';
 import intl from 'react-intl-universal';

src/containers/Accounts/components.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {

src/containers/Accounts/utils.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Tag } from '@blueprintjs/core';

src/containers/Accounts/withAccounts.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import {
   getAccountsTableStateFactory,

src/containers/Accounts/withAccountsTableActions.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import {
   setAccountsTableState,

src/containers/Alert/withAlertActions.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import t from '@/store/types';
 

src/containers/Alert/withAlertStoreConnect.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { connect } from 'react-redux';
 import {
   isAlertOpenFactory,

src/containers/Alerts/Accounts/AccountActivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Accounts/AccountBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import { FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import { FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Accounts/AccountDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Accounts/AccountInactivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Accounts/index.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import AccountDeleteAlert from './AccountDeleteAlert';
 
 export default {

src/containers/Alerts/Bills/BillDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/Bills/BillOpenAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Branches/BranchDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {

src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Contacts/ContactActivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Contacts/ContactInactivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {

src/containers/Alerts/Customers/CustomerActivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Customers/CustomerDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback } from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Customers/CustomerInactivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Estimates/EstimateApproveAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback } from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback } from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Estimates/EstimateRejectAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/ExchangeRates/ExchangeRateBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import { FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/ExchangeRates/ExchangeRateDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {

src/containers/Alerts/Expenses/ExpenseBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/Expenses/ExpensePublishAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Items/ItemActivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Items/ItemBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import {AppToaster, FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';

src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useState } from 'react';
 import intl from 'react-intl-universal';
 import {  FormattedMessage as T, FormattedHTMLMessage } from '@/components';

src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Items/ItemDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/Items/ItemInactivateAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/ManualJournals/JournalBulkDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 
 
 

src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';

src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 

src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/PaymentReceives/ClearingAllLinesAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';

src/containers/Alerts/PaymentReceives/PaymentReceiveDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {

src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';

src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
 import {