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,20 +1,19 @@
import React from 'react';
import { If, Money } from 'components';
import { FormattedMessage as T } from 'components';
import { useExpenseDrawerContext } from './ExpenseDrawerProvider';
export default function ExpenseDrawerFooter() {
const { expense: { total_amount } } = useExpenseDrawerContext();
export default function ExpenseDrawerFooter({
expense: { total_amount, currency_code },
}) {
return (
<div className="expense-drawer__content--footer">
<div className="wrapper">
<div>
<span><T id={'sub_total'}/></span>
<p>{<Money amount={total_amount} currency={currency_code} />}</p>
<div className="expense-drawer__content-footer">
<div class="total-lines">
<div class="total-lines__line total-lines__line--subtotal">
<div class="title">Subtotal</div>
<div class="amount">{total_amount}</div>
</div>
<div>
<span><T id={'total'}/></span>
<p>{<Money amount={total_amount} currency={currency_code} />}</p>
<div class="total-lines__line total-lines__line--total">
<div class="title">TOTAL</div>
<div class="amount">{total_amount}</div>
</div>
</div>
</div>