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

feat: optimize expense and manual journal details.

Browse Source
This commit is contained in:
a.bouhuolia
2021-12-21 17:57:03 +02:00
parent 13310b1aac
commit 5429643db5
5 changed files with 93 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.js
View File

@@ -1,7 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { Card } from 'components';
import { CommercialDocBox } from '../../../components';
import ManualJournalDrawerActionBar from './ManualJournalDrawerActionBar';
import ManualJournalDrawerHeader from './ManualJournalDrawerHeader';
@@ -16,16 +16,13 @@ export default function ManualJournalDrawerDetails() {
<ManualJournalDetailsRoot>
<ManualJournalDrawerActionBar />
<div className="journal-drawer__content">
<Card>
<ManualJournalDrawerHeader />
<ManualJournalDrawerTable />
<ManualJournalDrawerFooter />
</Card>
</div>
<CommercialDocBox>
<ManualJournalDrawerHeader />
<ManualJournalDrawerTable />
<ManualJournalDrawerFooter />
</CommercialDocBox>
</ManualJournalDetailsRoot>
);
}
const ManualJournalDetailsRoot = styled.div``;
const ManualJournalDetailsRoot = styled.div``;

29
src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.js
View File

@@ -6,6 +6,8 @@ import {
DetailsMenu,
DetailItem,
FormattedMessage as T,
CommercialDocHeader,
CommercialDocTopHeader,
} from 'components';
import { useManualJournalDrawerContext } from './ManualJournalDrawerProvider';
@@ -25,12 +27,14 @@ export default function ManualJournalDrawerHeader() {
} = useManualJournalDrawerContext();
return (
<div className={'journal-drawer__content-header'}>
<DetailsMenu>
<DetailItem name={'total'} label={<T id={'total'} />}>
<h3 class="big-number">{formatted_amount}</h3>
</DetailItem>
</DetailsMenu>
<CommercialDocHeader>
<CommercialDocTopHeader>
<DetailsMenu>
<DetailItem name={'total'} label={<T id={'total'} />}>
<h3 class="big-number">{formatted_amount}</h3>
</DetailItem>
</DetailsMenu>
</CommercialDocTopHeader>
<Row>
<Col xs={6}>
@@ -50,16 +54,13 @@ export default function ManualJournalDrawerHeader() {
<DetailItem name={'currency'} label={<T id={'currency'} />}>
{currency_code}
</DetailItem>
<DetailItem label={<T id={'description'} />}>
{defaultTo(description, '—')}
</DetailItem>
</DetailsMenu>
</Col>
</Row>
<div class="journal-drawer__content-description">
<b class="title">
<T id={'manual_journal.details.description'} />
</b>
: {defaultTo(description, '—')}
</div>
</div>
</CommercialDocHeader>
);
}