feat: style read-only drawers.

fix: empty state in resources tables.
This commit is contained in:
a.bouhuolia
2021-08-24 14:57:19 +02:00
parent f5fd2aa324
commit af34986aac
143 changed files with 1530 additions and 915 deletions

View File

@@ -1,25 +1,27 @@
import React from 'react';
import { FormattedMessage as T } from 'components';
import { useManualJournalDrawerContext } from './ManualJournalDrawerProvider';
export default function ManualJournalDrawerFooter({}) {
const {
manualJournal: { amount },
} = useManualJournalDrawerContext();
export default function ManualJournalDrawerFooter({
manualJournal: { amount_formatted },
}) {
return (
<div className="journal-drawer__content--footer">
<div className="wrapper">
<div>
<span>
<T id={'sub_total'} />
</span>
<p>{amount_formatted}</p>
<div className="journal-drawer__content-footer">
<div class="total-lines">
<div class="total-lines__line total-lines__line--subtotal">
<div class="title">Subtotal</div>
<div class="debit">{amount}</div>
<div class="credit">{amount} </div>
</div>
<div>
<span>
<T id={'total'} />
</span>
<p>{amount_formatted}</p>
<div class="total-lines__line total-lines__line--total">
<div class="title">TOTAL</div>
<div class="debit">{amount}</div>
<div class="credit">{amount}</div>
</div>
</div>
</div>
);
}