Note that the <TransactionToReviewCard> is a separate component from <ProfitAndLoss>, but is meant to be optionally bundled with the summary cards.

import { ProfitAndLoss } from "@layerfi/components";
…
<ProfitAndLoss>
  <div className='Layer__accounting-overview__summaries-row'>
    <ProfitAndLoss.Summaries actionable={false} />
    <TransactionToReviewCard onClick={() => navigate('/accounting/bank-transactions')} />
  </div>
</ProfitAndLoss>

​
ProfitAndLoss.Summaries Properties

actionable
boolean

Enables or disables whether clicking the revenue & expense charts open the P&L sidebar view.

vertical
boolean

Changes the card layout to be vertically stacked instead of horizontal.

revenueLabel
string

Changes the label for revenue in the cards. Can pass in values such as “income” or another term.

stringOverrides
object

Overrides for default strings in the component.

​
TransactionsToReviewCard Properties

onClick
function

A function which navigates to the bank transactions to review page.

P&L Breakdown ChartsReport