QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 04:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: money in & out Hotkeys.

Browse Source
This commit is contained in:
elforjani13
2021-10-23 20:59:25 +02:00
parent 75acab3348
commit e29db07c32
7 changed files with 31 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/containers/Dialogs/MoneyInDialog/MoneyInFormFields.js
View File

@@ -1,4 +1,5 @@
import React from 'react';
import { useFormikContext } from 'formik';
import { Classes } from '@blueprintjs/core';
import { If } from 'components';
@@ -11,15 +12,17 @@ import { useMoneyInDailogContext } from './MoneyInDialogProvider';
* Money in form fields.
*/
function MoneyInFormFields() {
const { values } = useFormikContext();
// Money in dialog context.
const { accountId, accountType } = useMoneyInDailogContext();
const { accountId } = useMoneyInDailogContext();
return (
<div className={Classes.DIALOG_BODY}>
<If condition={!accountId}>
<TransactionTypeFields />
</If>
<MoneyInContentFields accountType={accountType} />
<MoneyInContentFields accountType={values.transaction_type} />
</div>
);
}

8
src/containers/Dialogs/MoneyInDialog/TransactionTypeFields.js
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { FastField, ErrorMessage } from 'formik';
import { FastField, Field, ErrorMessage } from 'formik';
import { Classes, FormGroup } from '@blueprintjs/core';
import classNames from 'classnames';
import {
@@ -32,7 +32,7 @@ export default function TransactionTypeFields() {
<FastField name={'cashflow_account_id'}>
{({ form, field: { value }, meta: { error, touched } }) => (
<FormGroup
label={'Current account'}
label={<T id={'cash_flow_transaction.label_current_account'} />}
labelInfo={<FieldRequiredHint />}
intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="cashflow_account_id" />}
@@ -57,7 +57,7 @@ export default function TransactionTypeFields() {
{/*------------ Transaction type -----------*/}
</Col>
<Col xs={5}>
<FastField name={'transaction_type'}>
<Field name={'transaction_type'}>
{({
form: { values, setFieldValue },
field: { value },
@@ -86,7 +86,7 @@ export default function TransactionTypeFields() {
/>
</FormGroup>
)}
</FastField>
</Field>
</Col>
</Row>
</div>

2
src/containers/Dialogs/MoneyInDialog/index.js
View File

@@ -2,6 +2,7 @@ import React from 'react';
import intl from 'react-intl-universal';
import { Dialog, DialogSuspense } from 'components';
import withDialogRedux from 'components/DialogReduxConnect';
import { compose } from 'redux';
const MoneyInDialogContent = React.lazy(() => import('./MoneyInDialogContent'));
@@ -14,6 +15,7 @@ function MoneyInDialog({
payload = { account_type: null, account_id: null },
isOpen,
}) {
return (
<Dialog
name={dialogName}

6
src/containers/Dialogs/MoneyOutDialog/MoneyOutFormFields.js
View File

@@ -1,4 +1,5 @@
import React from 'react';
import { useFormikContext } from 'formik';
import { Classes } from '@blueprintjs/core';
import { If } from 'components';
@@ -12,14 +13,15 @@ import { useMoneyOutDialogContext } from './MoneyOutDialogProvider';
*/
function MoneyOutFormFields() {
// Money in dialog context.
const { accountId, accountType } = useMoneyOutDialogContext();
const { accountId } = useMoneyOutDialogContext();
const { values } = useFormikContext();
return (
<div className={Classes.DIALOG_BODY}>
<If condition={!accountId}>
<TransactionTypeFields />
</If>
<MoneyOutContentFields accountType={accountType} />
<MoneyOutContentFields accountType={values.transaction_type} />
</div>
);
}

8
src/containers/Dialogs/MoneyOutDialog/TransactionTypeFields.js
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { FastField, ErrorMessage } from 'formik';
import { FastField, Field, ErrorMessage } from 'formik';
import { FormGroup } from '@blueprintjs/core';
import classNames from 'classnames';
import {
@@ -32,7 +32,7 @@ function TransactionTypeFields() {
<FastField name={'cashflow_account_id'}>
{({ form, field: { value }, meta: { error, touched } }) => (
<FormGroup
label={'Current account'}
label={<T id={'cash_flow_transaction.label_current_account'} />}
labelInfo={<FieldRequiredHint />}
intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="cashflow_account_id" />}
@@ -57,7 +57,7 @@ function TransactionTypeFields() {
{/*------------ Transaction type -----------*/}
</Col>
<Col xs={5}>
<FastField name={'transaction_type'}>
<Field name={'transaction_type'}>
{({
form: { values, setFieldValue },
field: { value },
@@ -86,7 +86,7 @@ function TransactionTypeFields() {
/>
</FormGroup>
)}
</FastField>
</Field>
</Col>
</Row>
</div>