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

fix: accounts list

Browse Source
This commit is contained in:
a.bouhuolia
2021-01-23 18:44:24 +02:00
parent 3f2387b875
commit 8557a85f42
5 changed files with 24 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/AccountsTypesSelect.js
View File

@@ -29,15 +29,10 @@ export default function AccountsTypesSelect({
onTypeSelected && onTypeSelected(accountType); onTypeSelected && onTypeSelected(accountType);
}; };
const items = accountsTypes.map((type) => ({
id: type.id,
label: type.label,
}));
return ( return (
<ListSelect <ListSelect
items={items} items={accountsTypes}
selectedItemProp={'id'} selectedItemProp={'key'}
selectedItem={selectedTypeId} selectedItem={selectedTypeId}
textProp={'label'} textProp={'label'}
defaultText={defaultSelectText} defaultText={defaultSelectText}

24
client/src/containers/Accounts/AccountsDataTable.js
View File

@@ -148,15 +148,15 @@ function AccountsDataTable({
{ {
id: 'type', id: 'type',
Header: formatMessage({ id: 'type' }), Header: formatMessage({ id: 'type' }),
accessor: 'type.label', accessor: 'account_type_label',
className: 'type', className: 'type',
width: 140, width: 140,
}, },
{ {
id: 'normal', id: 'normal',
Header: formatMessage({ id: 'normal' }), Header: formatMessage({ id: 'normal' }),
Cell: NormalCell, // Cell: NormalCell,
accessor: 'type.normal', accessor: 'account_normal',
className: 'normal', className: 'normal',
width: 65, width: 65,
}, },
@@ -176,14 +176,14 @@ function AccountsDataTable({
{ {
id: 'actions', id: 'actions',
Header: '', Header: '',
Cell: ({ cell }) => ( // Cell: ({ cell }) => (
<Popover // <Popover
content={actionMenuList(cell.row.original)} // content={actionMenuList(cell.row.original)}
position={Position.RIGHT_TOP} // position={Position.RIGHT_TOP}
> // >
<Button icon={<Icon icon="more-h-16" iconSize={16} />} /> // <Button icon={<Icon icon="more-h-16" iconSize={16} />} />
</Popover> // </Popover>
), // ),
className: 'actions', className: 'actions',
width: 50, width: 50,
}, },
@@ -229,6 +229,8 @@ function AccountsDataTable({
autoResetExpanded={false} autoResetExpanded={false}
autoResetSortBy={false} autoResetSortBy={false}
selectionColumnWidth={50} selectionColumnWidth={50}
virtualizedRows={true}
fixedSizeHeight={1000}
/> />
</div> </div>
); );

9
client/src/containers/Accounts/components.js
View File

@@ -8,17 +8,14 @@ import { FormattedMessage as T, useIntl } from 'react-intl';
import classNames from 'classnames'; import classNames from 'classnames';
import { Icon, Money, If, Choose } from 'components'; import { Icon, Money, If, Choose } from 'components';
export function NormalCell({ cell }) { export function NormalCell({ cell: { value } }) {
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
const arrowDirection = value === 'credit' ? 'down' : 'up';
const account = cell.row.original;
const normal = account?.type?.normal || '';
const arrowDirection = normal === 'credit' ? 'down' : 'up';
return ( return (
<Tooltip <Tooltip
className={Classes.TOOLTIP_INDICATOR} className={Classes.TOOLTIP_INDICATOR}
content={formatMessage({ id: normal })} content={formatMessage({ id: value })}
position={Position.RIGHT} position={Position.RIGHT}
hoverOpenDelay={100} hoverOpenDelay={100}
> >

5
client/src/containers/Dialogs/AccountFormDialog/AccountForm.schema.js
View File

@@ -9,10 +9,9 @@ const Schema = Yup.object().shape({
.max(DATATYPES_LENGTH.STRING) .max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'account_name_' })), .label(formatMessage({ id: 'account_name_' })),
code: Yup.string().nullable().min(3).max(6), code: Yup.string().nullable().min(3).max(6),
account_type_id: Yup.number() account_type: Yup.string()
.nullable()
.required() .required()
.label(formatMessage({ id: 'account_type_id' })), .label(formatMessage({ id: 'account_type' })),
description: Yup.string().min(3).max(DATATYPES_LENGTH.TEXT).nullable().trim(), description: Yup.string().min(3).max(DATATYPES_LENGTH.TEXT).nullable().trim(),
parent_account_id: Yup.number().nullable(), parent_account_id: Yup.number().nullable(),
}); });

8
client/src/containers/Dialogs/AccountFormDialog/AccountFormDialogFields.js
View File

@@ -42,22 +42,22 @@ function AccountFormDialogFields({
return ( return (
<Form> <Form>
<div className={Classes.DIALOG_BODY}> <div className={Classes.DIALOG_BODY}>
<FastField name={'account_type_id'}> <FastField name={'account_type'}>
{({ form, field: { value }, meta: { error, touched } }) => ( {({ form, field: { value }, meta: { error, touched } }) => (
<FormGroup <FormGroup
label={<T id={'account_type'} />} label={<T id={'account_type'} />}
labelInfo={<FieldRequiredHint />} labelInfo={<FieldRequiredHint />}
className={classNames('form-group--account-type', Classes.FILL)} className={classNames('form-group--account-type', Classes.FILL)}
inline={true} inline={true}
helperText={<ErrorMessage name="account_type_id" />} helperText={<ErrorMessage name="account_type" />}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
> >
<AccountsTypesSelect <AccountsTypesSelect
accountsTypes={accountsTypes} accountsTypes={accountsTypes}
selectedTypeId={value} selectedTypeId={value}
defaultSelectText={<T id={'select_account_type'} />} defaultSelectText={<T id={'select_account_type'} />}
onTypeSelected={(account) => { onTypeSelected={(accountType) => {
form.setFieldValue('account_type_id', account.id); form.setFieldValue('account_type', accountType.key);
}} }}
disabled={!isNewMode} disabled={!isNewMode}
popoverProps={{ minimal: true }} popoverProps={{ minimal: true }}